Jquery实现DIV跟随浏览器滚动

乱编乱写 3256 Views 0 Comments

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

下载地址

标签: CSS,

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
loading