利用Jquery写的div跟随浏览器滚动
主要实现效果为:默认有一些侧边栏,当页面滚动超过侧边栏的高度时,其中一个div跟随浏览器滚动
主要用到Jquery,scroll()函数及css,fixed定位
主要代码:
<script type="text/javascript"> var flag = true; $(window).scroll(function() { var siderHeight = $("#sider").height() if (($(window).scrollTop() > siderHeight)) { if (flag == true) { flag = false; $("#menu3").css({ "position": "fixed", "top": 0, "width": 400 }); } } else { flag = true; $("#menu3").css({ "position": "static" }); } }); </script>