滑到顶部会固定在顶部下面的继续滑动的特效(就是那种滑到顶部会固定在顶部)

请用语音读文章

判断一下浏览器滚动高度和要固定 在顶部的那个元素距离文档顶部的距离。之后跟着 监听滚动事情 。获得 滚动的高度。判断滚动高度和获得 到的元素距顶部距离。如果相等的时候。让元素固定 定位。

这样就好了。编辑 代码太繁琐。原理是这样。你自己试试。

另外。避免出现元素固定 定位时。因为瞬间 固定 。不占高度导致的页面会跳动一下的问题。

可以在固定 定位的同一时间 。给后边的元素加上等 同于固定 定位元素高度的margin-top或者padding-top。另外。再多说一句。个体感觉。

网址 特效。就是用js控制css。从而获得 有些 单纯用css编辑 不可以 实现的效果。所以。碰到 类似的效果。可以自己尝试想一下思路。把思路编辑 出去 。之后跟着 再根据思路。找到 自己需要知道 的知识点。之后跟着 长久以来 的效果就出去 了

以上就是由优质生活领域创作者 生活常识网 整理编辑的，如果觉得有帮助欢迎收藏转发~