js页面浮动菜单栏锚点定位特效

$(window).on('scroll',function(){ var $scroll=$(this).scrollTop(); if($scroll>=800){ $('#loutinav').show(); }else{ $('#loutinav').hide(); } //4.拖动滚轮，对应的楼梯样式进行匹配 $('.louti').each(function(){ var $loutitop=$('.louti').eq($(this).index()).offset().top+400; //console.log($loutitop); if($loutitop>$scroll){//楼层的top大于滚动条的距离 $('#loutinav li').removeClass('active'); $('#loutinav li').eq($(this).index()).addClass('active'); return false;//中断循环 } }); });