腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(8777)
视频
沙龙
1
回答
CSS
粘性
页眉
的
间隙
问题
(
仅限
移动
设备
)
css
、
position
、
sticky
我使用
CSS
position sticky作为浮动标题,一些
移动
设备
在滚动时会显示一个小
间隙
,在"element_b“和"element_c”之间大约有1px。important; $("#element_b").
css
("top", $('#element_a').height()); <div id="element_a
浏览 14
提问于2019-09-16
得票数 0
1
回答
使用固定
的
CSS
位置制作
粘性
标题
css
、
header
、
fixed
、
sticky
我需要做一个
粘性
的
标题。我们在computerclass类中用
CSS
的
位置做了一个
粘性
的
脚注:修复了,它工作得很好。但我不能将
粘性
页脚
的
代码转置为
粘性
页眉
。当我应用我在Stackoverflow上发现
的
CSS
代码时,标题
的
图像
移动
到屏幕
的
左下角。下面是我使用
的
标题
的
CSS
代码
浏览 0
提问于2016-03-09
得票数 0
2
回答
使用
粘性
页脚
的
内容
的
100%高度
javascript
、
jquery
、
css
有一个使用javascript
的
工作解决方案,由@Aspiring提出。(
仅限
于
CSS
)解决方案仍然非常受欢迎。我成功地创建了一个
粘性
页脚,使用下面的。页脚工作得很好。我在创建一个内容div .content时遇到了
问题
,它完全粘在
页眉
和页脚之间。到目前为止,我有这个(黄色
的
.content): 我已经生成了下面的。 有什么办法可以做到吗?
浏览 0
提问于2013-03-02
得票数 0
回答已采纳
2
回答
为所有浏览器使用
CSS
3使用HTML5
的
粘性
页脚(未知高度)
jquery
、
html
、
css
、
footer
我正在尝试为我
的
网站在和
CSS
3中实现一个
粘性
页脚(未知高度)。我尝试过很多种方法,但我
的
主要角色
的
margin似乎有
问题
。header> </div> </main> </footer>
浏览 5
提问于2014-09-24
得票数 1
回答已采纳
1
回答
Jasny Bootstrap在带有
粘性
页脚
的
移动
屏幕上关闭画布导航
css
、
twitter-bootstrap
、
sticky-footer
、
jasny-bootstrap
我在我
的
响应式站点上使用了
粘性
页脚,以及Jasny Bootstrap off canvas nav插件(顺便说一句,这很棒)。然而,我注意到,在内容不多
的
页面上,当使用
移动
设备
(sm和xs大小)时,当画布外
的
导航打开时,
粘性
页脚会跳到内容
的
底部。还有没有其他人经历过这种情况,或者知道解决方案?我只在sm或更小
的
屏幕上使用off canvas nav,所以这在桌面版
的
网站上不是
问题
。页脚在这些情况下
浏览 17
提问于2014-10-17
得票数 0
1
回答
移动
和台式机上
的
粘滞<thead>和第一个<tr>
html
、
css
、
css-tables
我正在试着调整这个: https://codepen.io/adrianjacob/full/KdVLXY使
移动
和桌面
设备
的
滚动上
的
表头和第一个表行“粘滞”。我已经在
CSS
中这样做了: thead th { top: 0;position: sticky;top: 50px;} 为了在我需要
的
地方获
浏览 13
提问于2019-06-22
得票数 0
回答已采纳
2
回答
Adsense "Auto Ads“强制CLS布局转移
adsense
、
cls
、
core-web-vitals
、
adsense-anchor-ads
、
cumulative-layout-shift
不幸
的
是,我们有一个
问题
与CLS (累积布局
移动
)在我们
的
手机(!)站点。我们现在已经测试了这一点,
问题
肯定是由汽车广告引发
的
。经过进一步
的
测试,我们能够确定是页面标题区域中
的
粘性
锚点广告触发了CLS。重要提示:加载页面时不会发生这种变化,但在锚定广告出现在顶部之后向上和向下滚动时。此时,Adsense将一些样式属性添加到我们页面上
的
所有元素,例如。"height: auto !important;“有人也
浏览 56
提问于2021-03-04
得票数 3
2
回答
带滚动
的
视口中心div
html
、
css
、
sticky
我试图在视图中居中
页眉
和页脚(就像下面的游戏)。内容滚动垂直和水平,但
页眉
和页脚应停留在同一位置上
的
视口。我尝试使用以下
CSS
: background-color: #ADADAD; bottom: 0; right: 0;}
浏览 0
提问于2017-02-17
得票数 2
回答已采纳
3
回答
如何使用
css
使
页眉
粘稠
html
、
css
我想在我
的
网站上做一个
粘性
的
标题。我正在尝试跟随
CSS
,但是当我使用下面的
CSS
时,我
的
徽标会在
移动
设备
上被放大。网站网址:@media only screen and (max-width: 768px){ position: fixed !important; } 我在桌面上没有任何
问题
,但是在
移动<
浏览 5
提问于2017-02-06
得票数 0
3
回答
位置:固定,在
移动
/平板
设备
上滚动时性能很差。
css
、
performance
、
mobile
、
scroll
、
rasterizing
我在我
的
站点中使用position: fixed来修复视图端口中
的
导航条,就像facebook
的
蓝色条一样,但是当我们在
移动
/平板
设备
(它们
的
处理能力很低)上试用它时,这个固定条对性能造成了很坏
的
影响,这在滚动时会产生非常糟糕
的
用户体验。我们使用了一篇非常好
的
文章来增强滚动功能,它们确实做到了,比如: 经过大量基于这些文章
的
修改,我们达到了position: fixed是我们唯一需
浏览 1
提问于2013-07-01
得票数 9
1
回答
修复了滚动但导航加倍时标题停留
的
问题
css
我目前正在使用我
的
网站
的
固定标题:我已经附加了我目前拥有的
css
。有没有人对为什么会发生这种情况有什么建议?nav.main-navigation ul.menu {} display: none; 感谢您
的
帮助
浏览 0
提问于2014-08-15
得票数 0
1
回答
用固定
的
页眉
和页脚做布局,而不是按“返回顶部”按钮好吗?
css
、
xhtml
、
usability
、
accessibility
、
screen-readers
用固定
的
页眉
和页脚做布局,而不是给出“返回顶部”按钮,这样可用性更好吗?或者这种类型
的
布局对于屏幕阅读器来说是有
问题
的
? 像这样
浏览 0
提问于2010-02-17
得票数 0
回答已采纳
1
回答
在自定义表格表单中添加表格标题之间
的
宽度
reactjs
、
reactstrap
使用SO Table Form中
的
示例 我根据需要在我
的
组件中成功地实现了表单。唯一困扰我
的
是标题之间没有
间隙
,我似乎不知道如何做到这一点,因为它看起来非常奇怪。 ? 正如你在突出显示中看到
的
,它看起来非常奇怪,头部之间没有
间隙
。 Working codebox 请一定要让我知道,如果有人想出了如何做到这一点。我试过了: formtable.
css
: table { border-spacing
浏览 38
提问于2021-02-10
得票数 0
4
回答
粘性
HTML元素隐藏在chrome / Firefox
移动
浏览器
的
Mobile导航栏下面。怎么解决这个
问题
?[更新]
html
、
css
、
reactjs
、
mobile
、
sticky
问题
: 如果这是
移动
设备
的
默认行为,那么如何解决这个
问题
呢?CODEPEN链接:(请打开
移动
版中
浏览 10
提问于2022-07-01
得票数 4
回答已采纳
3
回答
识别
移动
设备
的
JavaScript IF函数
javascript
、
jquery
、
css
、
twitter-bootstrap
我目前正在创建一个网站,在那里我有一个
粘性
固定
的
标题。这个网站是建立在Bootstrap上
的
,但是因为我不喜欢很多Bootstrap头文件,所以我决定自己做一个简单
的
。
粘性
标题工作得很好,但有一些小
问题
。然而,在
移动
设备
上则是另一回事。由于头部在垂直方向上显然占据了很大
的
空间,因此它在
移动
设备
上占用了太多空间。我决定最好将菜单保持在
粘性
状态,但是我正在使用这个Javascript在
浏览 0
提问于2015-06-07
得票数 0
1
回答
具有
页眉
、内容和页脚部分
的
响应式模式对话框
html
、
css
、
mobile
、
sass
、
responsive
我有一个模式,
页眉
和页脚是
粘性
和中间部分滚动
的
内容为基础。 在桌面上它工作得很好,但是在
移动
设备
和平板电脑上,页脚是伸展
的
,没有100%显示。我希望实现高度响应对话与
页眉
/页脚粘滞和内容部分滚动。 我在这里做错了什么?
浏览 8
提问于2020-07-23
得票数 1
1
回答
移动
设备
中
的
粘性
标头木星主题
wordpress
、
mobile
、
sticky
我怎么能在
移动
设备
上使用木星主题
的
粘性
头呢?在我
的
WordPress主题中,我启用了
粘性
头,但是它不能在
移动
设备
上工作。我怎么才能解决这个
问题
? 也可以登录他们
的
网站:
浏览 1
提问于2018-06-26
得票数 0
回答已采纳
1
回答
css
-相对
页眉
和
粘性
页脚,动态内容,未知
的
高度,都在一个容器
的
响应宽度?
jquery
、
html
、
css
、
responsive-design
、
sticky-footer
我在一个相对
页眉
和
粘性
页脚上工作,动态加载内容(有时是空
的
div (未知高度),因此高度为100 of;),所有这些内容都在响应容器中,根据
设备
的
宽度(宽度:100 of;)调整到最大宽度为350 max从这里开始,一些内容会动态地加载到
页眉
上方,并且应该将
页眉
和内容按下,但是应该保持
粘性
页脚
的
位置。当动态内容溢出时,应该在
页眉
下方和页脚上方滚动,因为两者都是半透明
的
。已经尝试过(相对和绝对)<em
浏览 0
提问于2014-06-14
得票数 2
回答已采纳
1
回答
如何在缩放时使页面中
的
粘性
标题保持不变?
html
、
css
、
sticky
下面是一个
粘性
头
的
基本示例: position:fixed; width: 500px;...#content { width: 500px;标题是固定
的
,并且滚动下面的内容。这样做
的
一个
问题
是,如果缩放页面(经常在
移动
浏览器上进行),即使您向右滚动,
页眉
的
右边部分也不再可访问。 用我<
浏览 4
提问于2013-02-19
得票数 1
回答已采纳
3
回答
带有侧面
页眉
的
粘性
页脚
css
、
wordpress-theming
嗨,我是这里
的
新成员,也是创建网站
的
新成员,我需要一些帮助来解决我
的
问题
。调整height 大
浏览 0
提问于2013-08-03
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS粘性定位是怎样工作的每日前端夜话0x1F
2种方法,在Word里面显示或隐藏页面间空白
不可思议的纯CSS导航栏下划线跟随效果
渣土破碎机 移动砂石生产线 移动制砂机
响应式开发一招致胜
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券