子级div时防止父级滚动 [英] Prevent parent scroll when in child div

问题描述

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

When I scroll to the bottom of the child div, the body element starts scrolling.

如何防止这种情况?我只希望body在光标悬停在其上时滚动.

How can I prevent this? I only want the body to scroll when the cursor is over it.

示例: JsFiddle

推荐答案

当然要添加一些javascript！

By adding some javascript of course!

FIDDLE

FIDDLE

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

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

这篇关于子级div时防止父级滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！