ie下的onscroll和onresize的优化

ie下的scroll和resize的优化

1.onscroll

  function scrollEvent(){
    //do something...  
    console.log('do something...');
  }
  var flag=true;
  window.onscroll=function (){
      if(flag){
         scrollEvent();
         flag=false;
         setTimeout(function(){flag=true},200); //又可以继续操作了滴保证我们的事件指执行一次滴呀  
      }else{
        //所以说,这里,还是不要写任何其他的代码为好滴呀
      }
  }

方式二:

  var timer=null;
  window.onscroll=function (){
      if(timer){
        clearTimeout(timer); 
       
      }
      timer=setTimeout(function (){
      console.log('srolling...');
      //把要执性的代码放在这里滴呀;
      //总的来说,方法还是比较管用滴啊
      },100)  
      
  }

总的来说,还是比较喜欢第一种方式滴呀;

2.onresize

  var resizeTimer=null;
  $(window).on('resize',function (){
      if(resizeTimer){
        clearTimeout(resizeTimer);  
      }else{
        resizeTimer=setTimeout(function (){
         console.log('window resize...');
        },400)  
      }
  })

总结: 

       解决方法,都是加一个定时器,然后再加一个flag标签

 

posted @ 2016-04-30 14:49  咕-咚  阅读(304)  评论(0编辑  收藏  举报