Question

示例： http://jsbin.com/ofifiy/2/edit#preview

我尝试使用不可滚动的div（绿色）滚动div（红色）。我的问题是，当我滚动绿色div时，jquery scroll()不会触发。

HTML

<div id="targetWithNoScroll" style="border:1px solid #0f0;  width:100px; height:100px;">
    scroll here = scroll the red div<br />   
  </div>

JS

$('#targetWithNoScroll').scroll(function() {
  $('body').append('No scroll <br />');
});

Answer 1

您需要将mousewheel事件绑定到该div。不幸的是，没有本机jQuery鼠标滚轮事件，所以你必须选择一个插件或自己编写。但我建议选择其中之一，因为它可以为您节省大量时间：