我是 jquery 的新手,在更改滚动效果的 css 样式时遇到了一些问题。
我有一个 div,在加载页面时我想固定到顶部:75 像素,但是一旦用户开始从顶部滚动超过 75 像素,我想将它更改为位置:固定顶部:0 像素。
现在我只能让它在任何滚动 Action 上改变,而不是等到它从顶部达到 75px。
到目前为止,我的代码非常基础,因为我在这个特定部分有些卡住。
$(window).scroll(function () {
$("#side_bar").css("position", "fixed").css("top", "0px");
});
理想情况下,我真的希望它可以滚动,直到#side_bar 的底部触及页脚,然后在从顶部向上滚动到 75px 时反转整个内容,以便它变回 position:static, top :75px.
提前致谢!
最佳答案
jQuery Waypoints插件让你轻松制作sticky elements .当您滚动到该元素时,他们通过添加 sticky
类(使该元素固定)来实现该示例。
关于jquery .scroll 更改 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7113895/