当前位置: 首页 > 知识库问答 >
问题:

前端 - 粘性定位的元素 怎么判断已经滚动到固定位置了呢?

段渊
2023-06-17

粘性定位的元素 怎么判断已经滚动到固定位置了呢?
image.png

滚动到固定位置后,粘性定位的元素的层级 背景颜色 都要改变

共有2个答案

阙俊友
2023-06-17

1、粘性定位的元素发生偏移时,元素的原始位置是保留的。
2、如果粘性定位内部有绝对定位的子元素,那么该子元素的绝对定位是指向发生偏移的位置而不是原位置。

司徒骞尧
2023-06-17

https://www.jianshu.com/p/0da2e9cd4352

看看能不能解决你的问题

image.png

 类似资料:
  • 怎么让span相对于最外层的div固定定位?(fixed),为什么最外层div的postion设置为了relative,span的postion设置为fixed,top:0,right:0后,会跑到整个页面的右上角?

  • 问题内容: 位置:sticky现在可在某些移动浏览器上使用,因此您可以使菜单栏随页面一起滚动,但是每当用户滚动通过时,便会停留在视口顶部。 但是,如果您想在粘滞菜单栏当前处于“粘滞状态”时稍微重新设置样式,该怎么办?例如,您可能希望栏在页面上滚动时始终带有圆角,但是一旦它粘到视口的顶部,您就希望摆脱顶部的圆角,并在其下方添加一个小阴影它。 是否有任何类型的伪选择器(例如)针对具有 和 当前粘附的元

  • 问题内容: 我想创建一个以动态宽度和高度为中心的弹出框。我曾经为此。没有它,则水平居中,但不能垂直居中。添加后,它甚至没有水平居中。 这是完整的设置: 如何使用CSS在屏幕上将此框居中? 问题答案: 基本上,您需要设置div 并将其居中放置在div的左上角。您还需要将和设置为div的高度和宽度的负一半,以将中心移到div的中间。 因此,在提供(标准模式)的情况下,此操作应: 或者,如果你不关心垂直

  • 本文向大家介绍jQuery实现滚动条滚动到子元素位置(方便定位),包括了jQuery实现滚动条滚动到子元素位置(方便定位)的使用技巧和注意事项,需要的朋友参考一下  话不多说,请看代码: jQuery: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 问题内容: 我有一个position:fixed的元素,所以随页面滚动,但是我想要它如何。当用户向上滚动时,我希望元素在某个点处停止滚动,比如说距页面顶部250px时,这可能吗?任何帮助或建议都将有所帮助,谢谢! 我有一种感觉,我需要使用jquery来做到这一点。我尝试获取用户所在位置的滚动或位置,但感到非常困惑,是否有任何jQuery解决方案? 问题答案: 这是我刚刚编写的一个快速jQuery插

  • 问题内容: 我已经有一段时间了,这似乎是一个Chrome重绘错误,尚未修复。因此,我正在寻找任何权宜之计。 主要问题是页面上的元素具有使用以下内容的背景图像时: 如果另一个元素固定并具有子视频元素,则它将导致具有背景图像的元素消失。 现在,它可以在Safari(以及Firefox和IE)中正常运行,因此这并不是Webkit的问题。我已经应用了一些没有用的建议属性。 目前,我的解决方案只是通过媒体查