首页 > 其他 > 详细

滚动条和滚动事件

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

封装滚动函数

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

滚动条和滚动事件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!