可能已经有一个 jQuery 插件可以实现这一点,但我找不到一个完全符合我要求的插件。如果有,请指点我的教程,谢谢。
我的问题是我的页面内容很长,当您在页面底部附近滚动时,我的侧边栏不可见。
因此,当您向上和向下滚动页面时,我想让我的#sidebar div 贴在浏览器窗口的顶部和底部。
我的侧边栏高度比你的典型屏幕分辨率长,所以我需要侧边栏的底部粘在浏览器窗口的底部以及浏览器的顶部。
所以当你开始向下滚动时,侧边栏会像往常一样滚动,但是当你到达侧边栏的末端时,它会粘住并且不会滚动,当你开始向上滚动时,侧边栏将跟随直到侧边栏的顶部到达浏览器,然后它坚持。反之亦然。
这可能吗?
我创建了一个简单设计布局的jsfiddle,它是中心的。我在侧边栏添加了一个虚线边框,所以你现在应该把侧边栏放在哪里。
http://jsfiddle.net/motocomdigital/7ey9g/5/
任何建议,或者您知道在线教程或演示,都会非常棒!
更新
请参阅@Darek Rossman 的这次尝试
他的基本想法在起作用。但是向上滚动会导致它卡到顶部。我需要侧边栏在向上/向下滚动时保持流畅。但坚持窗口的顶部或底部。当页眉/页脚在视口中时,它也不应该固定定位,因此它不会覆盖。
谢谢