jQuery网页向下滚动导航固定顶部代码

yzch6671

2年前发布

047130

jQuery网页向下滚动导航固定顶部代码是一款利用监测scrollTop距离进行导航栏的fixed固定来实现的js网站特效。

js代码

<script>
$(function(){
	var a = $(\'#nav\'),
		b =a.offset();
	$(document).on(\'scroll\',function(){
		var	c = $(document).scrollTop();
		if(b.top<=c){
			a.css({\'position\':\'fixed\',\'top\':\'0px\'})
			}else{
				a.css({\'position\':\'absolute\',\'top\':\'300px\'})
				}
		})
	})
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END