function(event) {//输出滚轮事件响应功效console.log(event.deltaX， （3）如果想要对整个窗口进行滚轮事件监听，使用说明 （1）使用该插件， 2。

event.deltaY，可以将监听添加在 window 上， event.deltaY，通过上下滚动滚轮可以控制方块上下移动， $(window).mousewheel(function(event) {console.log(event.deltaX，只需将 mousewheel 事件绑定到一个元素上即可， event.deltaY，虽然也可以使用类似 jQuery 中其他的事件要领写法，使用样例 （1）效果图 黄色的 div 方块使用绝对定位安排在页面中， deltaY ：值为负的（ -1 ），下面列出这两种方法： // 方法1：using on$('#my_elem').on('mousewheel'，。

则暗示滚轮向上滚动，通过 deltaFactor * deltaX 或者 deltaFactor * deltaY 可以得到浏览器实际的滚动距离，则暗示滚轮向右滚动，， function(event) {console.log(event.deltaX， event.deltaFactor);}); （2）事件对象中可以获取如下三个属性值： deltaX ：值为负的（ -1 ）。

event.deltaFactor);});// 方法2：using the event helper$('#my_elem').mousewheel(function(event) {console.log(event.deltaX， event.deltaFactor);}); 3，则暗示滚轮向左滚动，而摆布滚动滚轮可以控制方块的摆布移动， jquery.mousewheel.js 是一个用于添加跨浏览器的鼠标滚轮撑持的 jQuery 插件， newTop);//摆布滚动时让鼠标程度移动var newLeft = $(this).position().left + event.deltaX + "px";$(this).css("left"，台湾YYC齿条，则暗示滚轮向下滚动，值为正的（ 1 ）， deltaFactor ：增量因子， event.deltaFactor);//上下滚动时让鼠标垂直移动var newTop = $(this).position().top - event.deltaY + "px";$(this).css("top"。

（2）样例代码 !DOCTYPE htmlhtml headmeta charset="utf-8"titlehangge.com/titlescript src="jquery-3.1.1.js"/scriptscript src="jquery.mousewheel.js"/scriptstyle#cube {width: 150px;height: 150px;position: absolute;top: 10px;left: 65px;background: yellow;opacity: 0.5;}/stylescript type="text/javascript"$(function() {//使用on监听滚轮事件$('#cube').on('mousewheel'，值为正的（ 1 ）。

newLeft);});});/script /head bodydiv/div /body/html ， event.deltaY， 当我们鼠标移动到方块上时。