jacky
问题补充说明：什么是悬浮导航什么是悬浮导航... 什么是悬浮导航什么是悬浮导航 展开
悬浮导航是一种网页布局，或者APP布局方式。导航是网站和APP当中必不可少的组成部分，它们引导用户抵达目标，发现内容。
为了让用户能够更加方便地使用导航，许多网站和APP选择使用了顶部悬浮导航，无论浏览到哪里，都能轻松使用它来自跳转到其他地方。虽然有的用户并不喜欢这个一直占据屏幕空间的小控件，但是它确实提供了无与伦比的便捷性。
扩展资料360问答：
悬浮导航基本代码：
//首先获取导航栏距离浏览器顶部的高度
vartop=$('.bukacn_center_main').offset().top;
//开始监控滚动处栏scroll
$(document).scroll(function(){
//获取当前滚动栏scroll的高度并赋值
varscrTop=$(window).scrollTop();
//开始判断如果导航栏距离顶部的高度等于当前滚动栏的高度则开启悬浮
if(scrTop>(top+10)){
$('.bukacn_cen状ter_main').addClass('js_nav')
}else{//否则清空悬浮
$('.bukacn_center_main').removeClass('js_nav')
}
})
