使滚动粘性元素的优先级高于更改元素位置

文章/答案/技术大牛

发布

1回答

html、css

假设我有一个侧面导航，我希望侧面导航是粘性的，这样它就可以和用户一起滚动。但是，侧面导航不是固定高度的:当用户在导航上打开一个带有子项的项时，它会垂直展开以显示子项。用户的解决方案是向下滚动页面以查看导航的底部，并选择他们选择的链接。然而，现在侧边菜单是粘性的，当向下滚动时，菜单将与它们一起滚动。我会喜欢一个纯粹的CSS版本的性

浏览 20提问于2019-02-15得票数 0

回答已采纳

1回答

解决在粘性元素之后出现的相对位置CSS元素的问题

css

当将元素定位为sticky时，任何被定位为相对元素的后续和相邻元素似乎都不会滚动到粘性元素后面。为了进行更小的演示，我有以下三个例

浏览 0提问于2017-04-11得票数 4

1回答

带有UIScrollView的粘性页脚

ios、uiscrollview、autolayout

需要使用UIScrollView实现粘性页脚行为，我实际上希望复制UITableView的节页脚视图(红色视图)的行为。(请参阅以下gif url)

浏览 0提问于2018-02-10得票数 1

回答已采纳

2回答

JQuery滚动而不触发滚动

javascript、jquery

我使用下面的javascript来创建一个“粘性”导航，当用户滚动过它时，导航定位就会固定在屏幕的顶部。这段代码工作得很好，虽然当元素变得粘稠，元素的位置被设置为“固定”时，身体中所有以下元素的位置都会“跳起来”，以占据将元素从相对于固定元素更改为固定元素所产生的空白，并产生轻微的“抖动”效果。为了解决这个问题

浏览 1提问于2014-09-20得票数 2

回答已采纳

3回答

如何保持位置:相对内容不与我的位置:粘性标题重叠？

html、css、css-position、overlapping

我有一个粘性的顶部导航栏，我希望在滚动时保持可见，并高于所有其他内容。我在页面上有设置为position: relative的内容，这样我就可以在它周围放置其他元素。当我这样做时，相对内容会在滚动时忽略导航栏，并与导航栏重叠。有没有办法让我的页面内容相对定位，同时还能看到粘性的导航栏？我尝试给相对内容设置一个与导航栏高度相等的上边距。 > <p id="title&qu

浏览 35提问于2019-09-12得票数 7

1回答

滚动到具有位置粘性的元素。

javascript、css、angular

因此，我有一个元素驻留在我的列表的底部，使用：bottom: 0; 我正在使用scrollIntoView(true)滚动到它。不过，有两个问题。它首先滚动到一个位置，其中粘性元素位于其原始位置。而不是粘在底部。然后，您必须再次启动scrollIntoView，以便它将元素滚动到顶部。即使元素位于可滚动容器内，ScrollIn

浏览 1提问于2021-11-08得票数 0

2回答

在页脚顶部滚动div停止

javascript、jquery、html

我试着做一些类似的事情

浏览 4提问于2015-10-01得票数 0

回答已采纳

1回答

中间粘稠的头

jquery、html、css、scroll、sticky

我正在尝试在一个中间区域中制作一个粘性头。当页面在<ul id="scroll-list"></ul>元素上滚动时，它应该保持在顶部。但是，当页面在<div id="stop-sticky"></div>上滚动时，它不能停留在顶部。我紧随其后的是@izulito.的解决方案。但是，我在这个更新的解决方案中看到的problem是，header<e

浏览 4提问于2017-12-21得票数 0

1回答

是否将粘性定位元素的内容从文档中删除？

css

position: sticky; as ...would相对地用id定位元素，直到视图被滚动，这样元素就会从顶部不到10个像素。超过这个阈值，元素</e

浏览 1提问于2018-01-23得票数 0

2回答

如果您指定“底部:0”表示位置:粘稠，为什么它要做一些与规范不同的事情？

css、css-position、sticky

根据MDN，粘性位置元素被视为相对位置元素，直到超过指定的阈值，而当超过阈值时，它们被视为固定位置元素，直到到达父元素的边界()。粘性定位可以认为是相对定位和固定定位的混合体。粘性定位元素被视为相对位置，直到它越过指定的阈值，此时它被视为固定的，直到它到达其父元素

浏览 5提问于2019-05-03得票数 15

1回答

在层次结构中更高层次的元素会很粘稠吗？

css、svelte

我在这个简化的结构里做了一个纤细的元素： <div class="someDiv" /> <div classsomeOtherDiv"/> <div>SVELTE-ELEMENT<div

浏览 2提问于2022-05-16得票数 1

1回答

在粘性元素上使用scrollIntoView

javascript、css、sticky、js-scrollintoview

我正在尝试滚动一个位置粘在页面中心的元素。这意味着它在文档流中的非固定位置应该在视图的中心。code stickyElement.scrollIntoView(options) ) 页眉中有导航链接，可以使用scrollIntoView滚动到页面的该部分第三部分有粘性位置。如果它当前在文档流中(比如位置静态/相关)，它就能

浏览 54提问于2019-12-13得票数 1

1回答

有一个绝对的子元素不考虑它的父母粘着的位置

javascript、jquery、html、css

我试图让一个孩子绝对元素的粘性父母，而不是向下滚动(跟随父母粘性，本质上)。我试图让抽屉坐在top:0px (关于一个固定的位置)，在屏幕的最顶端重叠顶部的酒吧。将元素从top:0p

浏览 1提问于2020-03-11得票数 1

回答已采纳

7回答

位置:粘滞不起作用

css、position、navbar、sticky

我有这个HTML代码： Description .header的高度为150px。.navbar的高度为20px。当用户滚动时，我希望.navbar停留在顶部。我最初认为firefox不支持position:sticky，但事实并非如此，因为我看到了它的工作演示。我用谷歌搜索了一下，但没有找到任何有用的东西。有人知道为什么这个不起作用吗？

浏览 97提问于2017-08-06得票数 31

回答已采纳

2回答

CSS:水平滚动容器底部的粘性元素

html、css、sticky、sticky-footer

我试图使粘性页脚在水平滚动元素内。我希望这个粘性页脚与底部对齐，基于它的内容具有自动高度，并且与滚动父页面一样宽(在本例中为200 in)，因此当我向右滚动时，页脚位于相同的位置，它的内容以水平为中心(内容应该是一些元素，而不仅仅是简单的文本我会很感激你的帮助。通缉解决方案：我现在的代码是：* { box-si

浏览 2提问于2021-11-22得票数 4

回答已采纳

1回答

粘性页脚CSS使jQuery部件在滚动时从各自的位置移动。

javascript、jquery、html、css

我已经使用for 3实现了一个粘性页脚。它可以很好地工作在同一页中的footer.But中，我有数据夹和其他从元素中弹出的jquery小部件。这个问题发生在滚动时。在滚动时，小部件也会从它们相应的位置移动，这是不需要的，因为如果我一个接一个地打开第一个数据，并滚动第一个，日历位置可能会更改为第二个日历位置，并导致可用性问题。当移除粘性页脚样式时

浏览 1提问于2013-09-06得票数 0

回答已采纳

2回答

div在div中的角度6磁道滚动位置

angular、scroll、angular2-directives

我正在尝试创建一个指令来跟踪它所在的元素的Y位置-当这个元素到达父div的顶部时，我将添加粘性样式，使标题粘在顶部，直到整个元素滚动完毕。我试图跟踪滚动，但除了初始的ngoninit日志之外，无法获得任何输出： import { Directive, OnInit, ElementRef, HostBinding, HostListener

浏览 0提问于2018-11-15得票数 3

回答已采纳

1回答

jQuery滚动到div关于css更改(粘性导航)

jquery、css、fixed、sticky

我正在使用我自己的代码，试图设置一个粘性导航。有什么想法吗？

浏览 4提问于2013-12-17得票数 0

回答已采纳

1回答

-webkit-overflow-滚动打破绝对定位

javascript、css、scroll、absolute、mobile-webkit

我正在构建一个页面，需要有一些元素，这些元素粘在页面的顶部，否则他们将被滚动出屏幕。我设法使用position:absolute做到了这一点。一切都运行得很完美，但它需要动量滚动。我将-webkit-overflow-scrolling: touch添加到可滚动区域的css中。这破坏了一切。我的带有position:absolute的粘性元素现在只是滚动其余的内容。我的</

浏览 5提问于2014-12-06得票数 6

2回答

如何改变“位置:粘性”元素的外观时，用户开始滚动，其粘性变得明显？

javascript、html、css

我有一些非常简单的CSS代码，它会使一个特定的div容器“粘稠”，当用户滚动时，div元素将按预期的方式锁定在屏幕的顶部。我试图弄清楚如何使这个粘稠的元素在用户向下滚动的瞬间改变外观，并使这个元素的“粘性”变得清晰？也许当它到达父容器的顶部时，也许就在用户滚动过某个点时--可能有几种方法可以对

浏览 2提问于2022-09-10得票数 1

回答已采纳

点击加载更多