jquery - 在子 div 中防止父滚动

Question

当我滚动到子 div 的底部时，body 元素开始滚动。

我该如何防止这种情况发生？我只希望 body 在光标位于其上时滚动。

示例:JsFiddle

Answer 1

当然是通过添加一些 javascript!

FIDDLE

$( '.area' ).on( 'mousewheel', function ( e ) {
    var event = e.originalEvent,
        d = event.wheelDelta || -event.detail;

    this.scrollTop += ( d < 0 ? 1 : -1 ) * 30;
    e.preventDefault();
});