滚动子div仅在IE8中滚动页面

Question

我在页面中有一个带有滚动条的div，当div滚动结束页面滚动开始时。这是任何浏览器的默认行为，但我仍然想在div滚动结束后停止滚动页面。我有一个解决方法，这是我在fiddle创建的示例。

但上述解决方案适用于Chrome，Firefox，IE9。但不能在IE8中工作。

如果您找到解决方案，请告诉我。

谢谢， 戈皮

Answer 1

正如安德鲁上面所述，你是否尝试过@amustill（Prevent scrolling of parent element?）的演示？

<强>演示：

http://jsbin.com/ixura3/3/

<强> JS：

$(function() {

  var toolbox = $('#toolbox'),
      height = toolbox.height(),
      scrollHeight = toolbox.get(0).scrollHeight;

  toolbox.bind('mousewheel', function(e, d) {
    if((this.scrollTop === (scrollHeight - height) && d < 0) || (this.scrollTop === 0 && d > 0)) {
      e.preventDefault();
    }
  });

});

<强> HTML：

<div id="toolbox">
    Text that scrolls...
</div>

这需要jQuery和jQuery Mousewheel Plugin。