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

jQuery网页向下滚动导航固定顶部代码-精品资源网
jQuery网页向下滚动导航固定顶部代码
此内容为免费资源,请登录后查看
0
免费资源

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

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容