$(function(){ var nav=$(".pcHeader"); //得到悬浮置顶的导航对象 var win=$(window); //得到窗口对象 var sc=$(document); //得到document文档对象 var bannerHeight=$(".banner").height(); //得到滚动对比的banner高度 win.scroll(function(){ if(sc.scrollTop()>=bannerHeight){//如果滚动高度超过banner的高度 nav.css({""position":"fixed",top":"0");//导航置顶悬浮 }else{ nav.css({"position":"static");//导航取消置顶悬浮 } }); })
js鼠标滚动导航置顶悬浮
最新推荐文章于 2022-10-17 14:06:36 发布