但我不确定，也出于好奇心，于是开始了一番探索思路：通过event对象里wheelDelta和detail值的正负来判断鼠标滚轮向上还是向下，示例代码如下DemoJS如何判断鼠标滚轮向上还是向下滚动div

$(document).on("mousewheelDOMMouseScroll",function(e){vardelta=(e.originalEvent.wheelDelta&&(e.originalEvent.wheelDelta

clickdblclickmouseovermouseentermouseoutmouseleavemousewheel安装滚动插件：bootCDN查找，jQuery-mousewheel判断滚轮方向：e.origiEvent.wheelDelta

代码window.onmousewheel=document.onmousewheel=function(e){e=e||window.event;if(e.wheelDelta){//判断浏览器IE，

实现鼠标滚动滚轮事件：varscrollFunc=function(e){e=e||window.event;if(e.wheelDelta){//IE/Opera/Chromeif(e.wheelDelta

functiongetData(event){vare=event||window.event;//获取滚动距离(FF每次滚动data为3或者-3，其他为120或者-120)vardata=e.detail||e.wheelDelta

内容区的实际高度-可视内容区域的高度)=滚动条距离顶部的距离/(滑道的高度-滚动条的高度)使用onmousewheel做好兼容处理document.onmousewheel=function(e){//e.wheelDelta0

IE/Chrome中:event.wheelDelta表示滚轮方向。FireFox中：event.detail表示滚轮方向。

varscrollFunc=function(e){varangle=0;if(e.wheelDelta){//IE/Opera/Chromeangle=e.wheelDelta;}elseif(e.detail

).on("mousewheelDOMMouseScroll",function(event){//chrome&ie||//firefoxvardelta=(event.originalEvent.wheelDelta

=======粘贴以下代码,保存为html文件可直接运行查看效果=======鼠标滚动调整图片大小=120)newzoom++;elseif(event.wheelDelta50)newzoom=50;

pageX、pageY获得原生事件:e.originalEvent位置方法:scrollTop、scrollLeft、scrollHeight、scrollWidth、position滚轮事件的处理：oEv.wheelDelta

varscrollFunc=function(e){vardirect=0;e=e||window.event;if(e.wheelDelta){//判断浏览器IE，谷歌滑轮事件if(e.wheelDelta

$(document).on("mousewheelDOMMouseScroll",function(e){    vardelta=(e.originalEvent.wheelDelta&&(e.originalEvent.wheelDelta

www.jb51.net鼠标滚轮控制图片缩放$(function(){functionzoomImg(o){varzoom=parseInt(o.style.zoom,10)||100;zoom+=event.wheelDelta

windowAddMouseWheel();functionwindowAddMouseWheel(){varscrollFunc=function(e){e=e||window.event;if(e.wheelDelta

与mousewheel事件对应的event对象除了包含鼠标事件的所有标准信息之外，还包含一个特殊的wheelDelta属性；当用户向前滚动鼠标滚轮时，wheelDelta是120的倍数，当用户向后滚动鼠标滚轮时

测试varscrollFunc=function(e){e=e||window.event;if(e.wheelDelta&&event.ctrlKey){//IE/Opera/Chromeevent.returnValue

varscrollFunc=function(e){e=e||window.event;if(e.wheelDelta){//如果是IE/Opera/Chrome浏览器//当用于向前滚动鼠标滚轮是，wheelDelta

varoDiv=document.getElementById("div"); /** *ie/chrome:onmousewheel *event.wheelDelta *上：120 *下：-120

onMouseScroll = function(e) {     /* 向上滚为负数 */     var direct = 0;     e = e || window.event;     if (e.wheelDelta

最终会冒泡到document(IE8-)或window(标准)[注意]这个事件可以在任何元素上触发与mousewheel事件对应的event对象除包含鼠标事件的所有标准信息外，还包含一个特殊的wheelDelta

最终会冒泡到document(IE8-)或window(标准)[注意]这个事件可以在任何元素上触发与mousewheel事件对应的event对象除包含鼠标事件的所有标准信息外，还包含一个特殊的wheelDelta

属性该方法的作用是指向原始的事件对象2、JS滚轮事件(mousewheel/DOMMouseScroll)IE、Chrome：mousewheelFireFox：DOMMouseScrollIE、Chrome：event.wheelDelta

**** *函数：绑定鼠标滚轮上下滚动事件相对的操作 *参数：event *返回：滚轮方向1：向上-1：向下 *   FireFox向上滑动detail值为—3,向下为3; *   Ie   向上滑动wheelDelta

window.onload=function(){ varoDiv=document.getElementById('div1'); /* ie/chrome:onmousewheel event.wheelDelta

window.onload=function(){ varoDiv=document.getElementById('div1'); /* ie/chrome:onmousewheel event.wheelDelta

procedure  TfrmMain.FormMouseWheel(Sender: TObject; Shift: TShiftState;   WheelDelta

scrollFunc=function(e){ 2 3 var data=0; 4 e = e || window.event; 5 if(e.wheelDelta

2 var scrollFunc = function (e) { 3 e = e || window.event; 4 if (e.wheelDelta

<p><label for="wheelDelta"> 滚动值:</label>(IE/Opera)<input type="

mousewheel // $("#div1").on('mousewheel',function (ev) { // alert(ev.originalEvent.wheelDelta

DOMMouseScroll', fn, false); IE: obj.attachEvent('onmousewheel', fn); 这个事件一旦产生，就会有个参数可以利用: IE: event.wheelDelta

var scrollFunc = function (e) {          e = e || window.event;          if (e.wheelDelta) {  //判断浏览器

;> var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta

procedure TForm1.FormMouseWheel(Sender: TObject; Shift: TShiftState; WheelDelta: Integer; MousePos:

//第1种方法 procedure TForm1.FormMouseWheel(Sender: TObject; Shift: TShiftState; WheelDelta: Integer;

简介 　　IE6实现了鼠标滚轮事件mousewheel，这个事件包含了一个鼠标事件所没有的属性，wheelDelta，这 个属性值始终是120的倍数，而且向上滑动一单位，wheelDelta值为120

mousewheel用于取得滚动距离的属性名为event.wheelDelta，往上滚一圈是120，往下滚一圈是-120.在IE6-8下，window无法绑定mousewheel事件，Opera，Safari

javascript" > scrollFunc = function (event) { event = event || window.event; var fx = event.wheelDelta

看看实际演示效果大部分浏览器都是支持鼠标滚轮事件的，所以你可以先订阅鼠标滚轮事件的方法，每当事件被触发时，你能获取一个名为wheelDelta的属性，它代表刚才鼠标滚轮改变的大小，其中正值表示滚轮往下滑

具体实现方法如下：复制代码代码如下:用鼠标滚轮滚动控制图片的缩小放大functionbbimg(o){varzoom=parseInt(o.style.zoom,10)||100;zoom+=event.wheelDelta

事件属性方面，IE等是 event.detail，Firefox是event. wheelDelta。IE等往上滚一圈为120，往下滚一圈为-120。Firefox往上滚一圈为-3，往下滚一圈为3。

测试  var scrollFunc=function(e){    e=e || window.event;    if(e.wheelDelta && event.ctrlKey){//IE/

实现鼠标滚动滚轮事件： varscrollFunc=function(e){ e=e||window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta

onmouseout="blur();"onmousewheel="width+=(window.event.wheelDelta==120)?

DELPHI ScrollBox1响应鼠标滚轮和ComboBox禁止滚动procedureTForm1.FormMouseWheel(Sender:TObject;Shift:TShiftState; WheelDelta

demo： varscrollFunc=function(e){ e=e||window.event; if(e.wheelDelta){//判断浏览器IE，谷歌滑轮事件 if(e.wheelDelta

*/event=window.event;if(event.wheelDelta){/*IE/Opera.*/delta=event.wheelDelta/120;}elseif(even

functionPicture(){count=Counting(count);Resize(count);returnfalse;}functionCounting(count){if(event.wheelDelta