首页 > 代码库 > 鼠标滚轮插件
鼠标滚轮插件
在做视觉差幻灯片时,为了美观需要将滚动条隐藏掉,没有滚动条就无法出发scroll()事件,所以可以使用鼠标滚轮事件来代替。
使用原生的js鼠标滚轮事件会有兼容性问题,为jQuery也没有实现鼠标滚轮事件,有一款不错的jQuery插件可以弥补
文档: https://github.com/jquery/jquery-mousewheel
实例:http://sandbox.runjs.cn/show/ifz4r8bx
核心代码:
$(‘body‘).bind(‘mousewheel‘,function(event){ //三个属性 //deltaX 不知道是干嘛的 //deltaY 向下滚为-1,反之为+1 //deltaFactor 应该是滚动的幅度,不同浏览器不相同 console.log(event.deltaX, event.deltaY, event.deltaFactor); var _this = $(this), top = _this.scrollTop() + event.deltaFactor*event.deltaY*-1; _this.scrollTop(top);});
鼠标滚轮插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。