腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4217)
视频
沙龙
1
回答
为什么
固定
覆盖
作为
粘性
元素
的
子
元素不
覆盖
其他
粘性
元素
css
、
sticky
我希望在DOM中有一个
覆盖
层,即“潜在
的
深度”。 不过,position: sticky似乎出了点问题,或者我做错了什么。如果
覆盖
元素
是“位置
粘性
元素
”
的
子
元素
,则
其他
“位置
粘性
元素
”不会被正确
覆盖
。 我创建了一个Codepen来演示这个问题。 对此是否有合理
的
解释或解决方案/解决方案?
浏览 8
提问于2019-06-19
得票数 0
1
回答
ScrollTo插件--如何防止滚动到被
粘性
菜单重叠
的
元素
jquery
、
scrollto
、
sticky
我有一个带有scrollTo插件
的
页面站点(由Ariel提供)导航。这是完美的工作,因为我保持我
的
菜单在静态或相对位置。但是,当它是
粘性
的
(
固定
到顶部),导航到一个
元素
,同时
覆盖
粘性
菜单。是否可以平滑地滚动到
元素
并添加一些像素以防止该
元素
被
粘性
菜单所
覆盖
。会感谢你
的
帮助jQuery(function($) { &
浏览 2
提问于2014-12-27
得票数 0
回答已采纳
1
回答
如何在Elementor中通过
粘性
菜单
固定
跳转页面和页面
覆盖
?
css
、
mobile
、
responsive
、
sticky
、
elementor
我正在使用Elementor中
的
粘性
菜单。在台式机上这是可以
的
。在移动设备上,
粘性
的
标题/菜单
覆盖
了第一个
元素
,但当我滚动时,
元素
/页面会向下跳转并留下空白。当我
固定
间距使其最初可见时,会有更多
的
空白。我如何停止跳跃,这样我才能调整间距? 在手机上查看: duecucina.com/about-us/
浏览 0
提问于2019-04-05
得票数 0
1
回答
引导--相互替换
的
“粘滞顶”
元素
twitter-bootstrap
在上,正在发生两件事:(2)页面左侧
的
元素
相互替换,“从顶部相互碰撞”,
作为
粘性
的
顶部
元素
。 他们是怎么做到
的
?我一直在拆开那一页
的
html试图找出它,但认为我一定是错过了什么。当我尝试有多个“
粘性
顶部”
元素
时,多个
粘性
顶部
元素
相互叠加在一起,全部在页面顶部堆叠在一起
浏览 7
提问于2022-05-23
得票数 0
回答已采纳
2
回答
CSS
粘性
边栏和
固定
标头
css
、
css-position
我有一个有
粘性
边栏和
固定
标题
的
网站。下面是关于
的
一些粗略
的
说明使用javascript,我能想到
的
唯一解决方案是检查用户已经滚动了多远,然后在侧栏中添加填充顶部,如下所示 $(
浏览 3
提问于2022-02-21
得票数 1
回答已采纳
2
回答
如果您指定“底部:0”表示位置:粘稠,
为什么
它要做一些与规范不同
的
事情?
css
、
css-position
、
sticky
根据MDN,
粘性
位置
元素
被视为相对位置
元素
,直到超过指定
的
阈值,而当超过阈值时,它们被视为
固定
位置
元素
,直到到达父
元素
的
边界()。
粘性
定位可以认为是相对定位和
固定
定位
的
混合体。
粘性
定位
元素
被视为相对位置,直到它越过指定
的
阈值,此时它被视为
固定
的
,直到它到达其父
元素
的
边界。
浏览 5
提问于2019-05-03
得票数 15
1
回答
-webkit-overflow-滚动打破绝对定位
javascript
、
css
、
scroll
、
absolute
、
mobile-webkit
我正在构建一个页面,需要有一些
元素
,这些
元素
粘在页面的顶部,否则他们将被滚动出屏幕。我设法使用position:absolute做到了这一点。一切都运行得很完美,但它需要动量滚动。我将-webkit-overflow-scrolling: touch添加到可滚动区域
的
css中。这破坏了一切。我
的
带有position:absolute
的
粘性
元素
现在只是滚动其余
的
内容。我
的
问题是:
为什么
-webkit-overflow
浏览 5
提问于2014-12-06
得票数 6
1
回答
挠曲箱内
的
粘性
元件(不与之结合)
css
、
flexbox
、
sticky
已经发布了许多类似的问题,试图通过应用灵活规则
的
元素
来实现位置
粘性
(例如, post是我尝试解答
的
众多问题之一),但我
的
目标是将position:sticky应用于flex
元素
的
子
元素
。我有一个两列
的
布局,左边有菜单。这样做
的
想法是,当页面向下滚动时,蓝色菜单停留在顶部(尽管上面的图像应该向上滚动,只留下菜单在其位置上可见)。如果可以将flex和粘滞结合起来,那么我希望也有一个
子
<
浏览 3
提问于2022-11-24
得票数 0
回答已采纳
1
回答
不使用css位置
的
Javascript / jQuery
粘性
:
固定
javascript
、
jquery
、
css-position
、
sticky
我正在寻找一个Javascript/jQuery插件,用于
粘性
标题,它不会将
元素
的
样式转换为
固定
位置。通常,我使用
的
是这个,它工作得很好。我正在使用jQuery动画在一个网站上工作,我
的
一个div有一个宽度为100%
的
粘性
标题。但是当我将它移到左边时(例如),宽度:100%现在是基于窗口
的
宽度而不是他
的
容器。那么,是否有一个现有的插件可以做与
其他
插件相同
的
事情,但保留位置
浏览 4
提问于2014-01-08
得票数 2
回答已采纳
1
回答
仅CSS -滚动到标题外后
粘性
顶部导航
css
、
sticky
有没有可能在不需要javascript
的
情况下实现以下功能?所以纯css使用
的
是sticky位置。 </p>有没有可能在标题滚动出视点/.site- sticky-nav滚动到页面顶部后,将顶部内容
固定
在页面顶部
浏览 0
提问于2020-08-24
得票数 0
1
回答
Zurb Foundation 6在视口高度结束时
的
粘性
开关状态“..is锚定..is.is底部”
html
、
css
、
zurb-foundation
、
sticky
、
zurb-foundation-6
遵循zurb.foundation
的
文档,但是.sticky
的
行为总是相同
的
意想不到
的
方式。或者我不太清楚?请检查这里
的
重建: 如果站点向下滚动,并精确地达到初始视口
的
高度,
粘性
插件就会将
元素
.sticky从is-stuck is-at-top更改为:.is-anchored .is-at-bottom所以.更新文档
的
第一部分:oundation.zurb.com/site/docs/解释了描述
的
浏览 2
提问于2016-01-03
得票数 8
1
回答
如何获得与基表具有相同列宽
的
粘性
表头
html
、
css
、
sticky
、
column-width
、
fixed-header-tables
我正在尝试创建一个
粘性
表头,但问题是,我无法获得列
的
宽度来匹配基表中列
的
宽度。 问题似乎是,无论我为表中
的
单个列设置了多大宽度(或不设置),这些列
的
实际宽度有时因表中
的
内容而有很大差异。我尝试了许多解决方案,其中最成功
的
是将整个表(包括tbody )复制到一个
固定
位置div中,然后将该表
的
tbody部分在
固定
位置div中
的
可见性设置为隐藏。这样做,列
的
宽度是相同
的
浏览 1
提问于2014-06-17
得票数 0
1
回答
单击时,将div
元素
设置为顶部
的
动画并使其粘滞
html
、
css
、
angular
我有一个父div,在它里面包含多个子div,在单击任何
子
元素
时,我试图根据它的当前父
元素
将该
子
元素
从当前位置动画化为顶部位置,然后在使用适当
的
动画移动到顶部后,我希望该
子
元素
具有
粘性
,以便
其他
子
元素
可以轻松地滚动到它下面,然后,如果单击任何
其他
子
元素
,则它将动画显示到顶部,最近
的
子
元素
浏览 2
提问于2020-06-03
得票数 0
3
回答
滚动上
的
多个
粘性
元素
jquery
、
css
我有header和scroll div块,为了满足我们
的
特定需求,我需要让这两个
元素
在sidebar事件触发时都位于顶部。使单个
元素
粘滞是没有问题
的
,但如果有多个
元素
,它会阻止滚动操作并一直跳回顶部。这是我
的
并且,下面的脚本可以很好地处理单个
元素
。
浏览 1
提问于2014-03-27
得票数 2
1
回答
如何用FlexBox制作
粘性
页脚并作出反应
html
、
css
、
react-native
、
flexbox
我用
的
是带有Flexbox
的
本机路由器。我想展示
的
是,FlatList最终占据了全屏和
粘性
页脚。
浏览 0
提问于2018-05-17
得票数 1
回答已采纳
2
回答
什么时候使用位置粘粘与css?
css
、
position
、
css-position
我从来没有使用过position: sticky;,并且在上找到了这个,但是我不明白什么时候应该使用这个位置。有人能想象到这个位置吗?
浏览 4
提问于2013-11-25
得票数 5
1
回答
为什么
Asp.net核心MVC中
的
剪刀页面呈现在引导粘粘头下?
asp.net
、
asp.net-core
、
model-view-controller
、
razor
、
bootstrap-4
我正在尝试学习Asp.Net Core使用.net 5与预先构建
的
脚手架剃须刀身份页面。当我单击登录或从
粘性
标头注册时,我将得到这个呈现
的
结果。如何格式化(剃须刀)登录页面,使其开始于
粘性
标题之下?
粘性
标题来自引导主题,该主题在脚手架页面之前工作得很好。我没有接触css代码,因为我不知道我在那里做什么。 登录页看起来像这样.
浏览 2
提问于2021-08-03
得票数 0
回答已采纳
1
回答
在CSS
的
未来版本中,只在一个方向
固定
位置?
javascript
、
html
、
css
、
user-interface
解决这一问题
的
常见方法似乎是结合使用
固定
定位和jquery来重新定位组件,使其相对于非
固定
轴中
的
滚动量进行重新定位。这样做
的
缺点是组件在朝这个方向滚动时会滞后很多。更新
粘性
定位单元与
粘性
约束矩形底部之间
的
交点限制了任意方向
的
运动,因此偏移量不会将
粘性
定位
元素
推到其包含块
的
外部。然而,当
元素
在页面滚动时在其包含
的
块中自由移动时,它似乎被<
浏览 1
提问于2013-10-21
得票数 2
回答已采纳
1
回答
jQuery -滚动后粘贴
的
侧边栏,不工作
jquery
、
html
、
css
、
sticky
我想使用来自
的
代码来制作一个粘稠
的
侧边栏。我
的
目的是使侧边栏坚持在顶部,当我滚动通过它。我试着在我
的
代码上修改这个方法,但是它不起作用。 $('#sidebar-anchor').height(0);} 在我滚动到侧边栏后,它不会粘在顶部,我
浏览 3
提问于2017-01-14
得票数 0
回答已采纳
4
回答
强制div转到底部
javascript
、
jquery
、
html
、
css
、
footer
我在SO中浏览了同样
的
问题,但它们都不能很好地跨浏览器兼容。我想把div放在HTML页面的底部,而不是屏幕
的
底部。到目前为止,我只尝试过CSSEdithtml, body { margin
浏览 4
提问于2011-07-19
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS粘性定位是怎样工作的每日前端夜话0x1F
CSS中的四种定位有什么区别?
CSS中四种常用定位的区别
CSS中重要的BFC
第五章 盒子模型
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券