建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery鼠标滚轮监听插件jquery.mousewheel.js

来源:易助科技网浏览量:11收藏

简介


jquery.mousewheel.js是一款鼠标滚轮监听插件,通过增量标准化添加跨浏览器鼠标滚轮支持。使一个页面可以同时拥有两个滑块区域,并且能够通过捕获到用户是向上还是向下滑动,如果deltaY参数是负1就是向下滑动,为1就是向上滑动。还能通过deltaFactor参数设置用户滑动滚轮的距离,是一个在制作网页的实用插件。



使用


1.  引入 jquery.js 和 jquery.mousewheel.js 文件


2.  调用


只需要将mousewheel事件绑定到一个元素上就能使用了,插件提供了两个名为mousewheel和unmousewheel的助手方法,其作用与jQuery中的其他事件助手方法类似。


// using on
$('#my_elem').on('mousewheel', function(event) {
  console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

// using the event helper
$('#my_elem').mousewheel(function(event) {
  console.log(event.deltaX, event.deltaY, event.deltaFactor);
});


3.  参数


在元素上绑定好事件之后,鼠标滚轮在元素区域内进行上下滑动时就会触发方法。

deltaY:上下方向的滑动,1为向上滑动,-1为向下滑动。

deltaFactor:滑动的增量因子,默认为100。



相关链接


github地址 :https://github.com/jquery/jquery-mousewheel