javascript - 如何使元素假位置 :fixed so it acts fixed until a certain scroll height, 然后附加?

标签 javascript html css

许多网站都有一个功能,当你滚动时,一个元素会固定在页面上,直到你到达某个点,比如边栏的末端,然后它就会锚定到该边栏的底部。一旦您向上滚动,它就会开始像一个固定元素一样,在您滚动时保留在您的屏幕上。

你怎么调用它,它是如何完成的?

最佳答案

您可以将位置设置为绝对位置并将滚动事件附加到页面,在这种情况下,您可以根据滚动条的位置更改顶部的 css 值(在 jQuery 中它是纯 javascript 中的 scrollTop 它应该是相似的),然后添加条件仅当 scrollTop 小于特定值(如 offset.top + 侧边栏的高度)时,top 才会更改。

关于javascript - 如何使元素假位置 :fixed so it acts fixed until a certain scroll height, 然后附加?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9505151/

相关文章:

html - 具有响应能力的垂直文本

html - 垂直对齐div中的多行文本

html - 将容器类的高度设置为图像的高度

javascript - 我想显示不同的图像 OnMouseOver 和 OnMouseOut

javascript - 数据未发布..帮助! html、js、firebase

javascript 或 jquery : show multiple variables in one alert

Css flex溢出问题

javascript - 未捕获的类型错误 : Cannot read property 'style' of undefined in javascript

javascript - 如何在不使用对象文字值的情况下从 setter 访问表单数据?

javascript - 在函数内更改全局变量值