本文介绍了子级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
$( '.area' ).on( 'mousewheel', function ( e ) {
var event = e.originalEvent,
d = event.wheelDelta || -event.detail;
this.scrollTop += ( d < 0 ? 1 : -1 ) * 30;
e.preventDefault();
});
这篇关于子级div时防止父级滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！