利用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>
