window.scroll有些手机会闪屏解决

需求是：页面往下时，某个元素高度变成400px。页面往上时，该元素高度变为100px
于是，给页面增加scroll事件

window.onscroll=function(e){
   if(window.scrollY>0){
       $("#my-vip").css({"height":"0.9rem","overflow":"hidden","background-size":"cover"})
   }else {
       $("#my-vip").css({"height":"3.76rem","overflow":"hidden","background-size":"100% 100%"})
   }
 }

有些机型手机非常灵敏，上划下滑 闪屏十分严重
解决方法

var timer=mull
  window.onscroll=function(e){
    clearInterval(timer)
    timer=setTimeout(function(){
      if(window.scrollY>0){
        $("#my-vip").css({"height":"0.9rem","overflow":"hidden","background-size":"cover"})
      }else {
          $("#my-vip").css({"height":"3.76rem","overflow":"hidden","background-size":"100% 100%"})
      }
    },200)
    
  }

http://web.jobbole.com/86158/