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

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

栏目分类: 其他源码
开发语言: HTML
最后更新: 2025-11-26
下载次数: 0

简介:

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>

图片: