汇集软件下载,免费分享活动线报

Jquery实现DIV跟随浏览器滚动

金腾网小编 0

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

下载地址

标签:

暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail: 34585055@qq.com

同类推荐
评论列表
签到