jquery .scroll 更改 css

Question

我是 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.

提前致谢!

Answer 1

jQuery Waypoints插件让你轻松制作sticky elements .当您滚动到该元素时，他们通过添加 sticky 类(使该元素固定)来实现该示例。