新年
快乐
jQuery网页向下滚动导航固定顶部代码

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

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

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>

分享到 :
相关推荐

发表评论

邮箱地址不会被公开。 必填项已用*标注