event.wheelDelta返回未定义

Question

因此，当我打开灯箱时，我试图禁止在页面上滚动，而我发现这个确实有用的脚本非常有用。（http://jsfiddle.net/mrtsherman/eXQf3/3/），不幸的是，当我在自己的页面上使用它时，它也禁止在灯箱中滚动。我开始用警报调试代码，只是发现该事件。wheelDelta在我的页面上返回“ undefined”，而在JSFiddle中，它返回-120。

Answer 1

$(this).on('mousewheel DOMMouseScroll', function(e){

  var dat = $(e.delegateTarget).data(); //in case you have set some, read it here.

  var datx = dat.x || 0; // just to show how to get specific out of jq-data object

  var eo = e.originalEvent;

  var xy = eo.wheelDelta || -eo.detail; //shortest possible code

  var x = eo.wheelDeltaX || (eo.axis==1?xy:0);

  var y = eo.wheelDeltaY || (eo.axis==2?xy:0); // () necessary!

  console.log(x,y);

});

可在Webkit和FF中使用，无法在此处证明IE :(