jQuery使用 电梯导航案例的实战使用含代码素材 品优购

$(function(){
    var flag=true;  //设置互斥锁，也就是特殊权限开关
    $(window).scroll(function(){
        if(flag){
        if( $(window).scrollTop() >=$('.recommend').offset().top){
            $(".fixedtool").show();
        }else{
         $(".fixedtool").hide();
        };
        $('.floor .w').each(function(index,domEle){
            if( $(document).scrollTop() >= $(domEle).offset().top){
                $('.fixedtool li').eq(index).addClass('current').siblings().removeClass('current')
            }
        })
       }
         //  ==
     })

     $('.fixedtool li').click(function(){
        //  开特殊给个别函数开权限，等通过后关闭  这里等点击滚动结束就关闭特殊权限
        flag=false;
         var index = $(this).index();
         $(this).addClass('current').siblings().removeClass('current');
         var mvgdslis = $('.floor .w').eq(index).offset().top;
         $('body,html').stop().animate({
             scrollTop:mvgdslis    //因为页面滚动会触发，滚动事件,因为此时的flag是false,因此不调用
         },flag=true)              //等滚动结束，将flag改为true，让滚动程序走正常路线
        
     })
     
})

 

实战素材以及代码程序：https://wwt.lanzouj.com/iLzPaza5gcd

注：只作为学习参考