一个页面tab标签切换,都有scroll事件的解决办法

当前页有多个tab,如果都有scroll事件, 先解绑$(window).off('scroll') 再执行scroll就不可以了,多个标签就不会互相干扰;

给你们个例子:

//标签切换
    $('.tab>a').on('click',function(){
        $(this).addClass('Cur').siblings().removeClass('Cur');            
        $('.Content>div').eq($(this).index()).show().siblings().hide();

$(window).off('scroll');  //先解绑滚动事件,避免tab切换冲突
        //标签1
        if($(this).index()=="0"){     
            Load1();    //标签一执行的函数    
        }
        
       //标签2
        if($(this).index()=="1"){   
              Load2();    //标签二执行的函数
        };
        
        //标签3
        if($(this).index()=="2"){
             Load3();    //标签三执行的函数
        };
    });

没有深入研究更简单的写法,大家凑合着看,这都是我写东西遇到的问题,觉得当时比较费劲的,可能你们觉得没啥,so easy~~~     万一有和我遇到同样问题的呢 ,也算是可参考

助人为乐,手留余香            哈哈~~~

上一篇:Vue指令:v-for的用法;v-bind绑定class的几种写法;tab标签切换


下一篇:很好用的Tab标签切换功能,延迟Tab切换。