悬浮导航

最新推荐文章于 2023-12-01 11:59:38 发布

金翅

最新推荐文章于 2023-12-01 11:59:38 发布

阅读量520

点赞数

分类专栏： html5+css3

本文链接：https://blog.csdn.net/qq_37103514/article/details/84547847

版权

html5+css3 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

//首先获取导航栏距离浏览器顶部的高度
				var top = $('.bukacn_center_main').offset().top;					
				//开始监控滚动栏scroll
				$(document).scroll(function(){
				//获取当前滚动栏scroll的高度并赋值
					var scrTop = $(window).scrollTop();
				//开始判断如果导航栏距离顶部的高度等于当前滚动栏的高度则开启悬浮
					if(scrTop > (top+10)){
						$('.bukacn_center_main').addClass('js_nav')	
					}else{//否则清空悬浮
						$('.bukacn_center_main').removeClass('js_nav')
					}
				})