码迷,mamicode.com
首页 > 其他好文 > 详细

滚动条和滚动事件

时间:2017-04-13 14:45:06      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:user   html   listener   scroll   cas   事件   ref   dex   case   

封装滚动函数

function addEvent(obj,sEv,fn){

  if(obj.addEventListener){

    obj.addEventListener(sEv,fn,false)

  }else{

    obj.attactEvent(‘on‘+sEv,fn)

  }

}

function addWheel(obj,fn){

  function wheel(ev){

    var oEvent=ev || event ;

    var bDown=true ;  //默认向下

    bDown = oEvent.wheelDelta ?  oEvent.wheelDelta < 0  : oEvent.detail  >0  ;      //oEvent.detail>0   向下---->firefox

    fn && fn(bDown)

    oEvent.preventDefault  &&  oEvent.preventDefault() ;

    return false ;   

  }

  if(window.navigator.userAgent.toLowerCase().indexOf(‘firefox‘) !=-1){

    addEventListener(‘DOMMouseScroll‘,wheel,false)     

  }else{

    addEvent(obj,‘mousewheel‘,wheel,)

  }

}

window.onscroll=fn;

$(‘选择器‘).scroll(fn);

link:http://www.cnblogs.com/yuteng/articles/1894578.html

link:http://www.cnblogs.com/xiaohuochai/p/5831640.html

link: https://www.w3cmm.com/javascript/mousewheel-dommousescroll.html

插件:http://www.jq22.com/jquery-info357

滚动条和滚动事件

标签:user   html   listener   scroll   cas   事件   ref   dex   case   

原文地址:http://www.cnblogs.com/xshaohua-com/p/6703366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!