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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载