Javascript 滚动滚轮仅滚动子内容而不滚动正文

Javascript 滚动滚轮仅滚动子内容而不滚动正文,javascript,html,css,Javascript,Html,Css,我有一个带自动溢出的div,可以在滚轮中滚动。当它到达终点时,它会滚动主体。我如何让它在到达终点时停止,而不滚动主体 我不想做任何黑客行为,比如暂时将主体设置为“无溢出”。预览: 试试这把小提琴 看起来很有效 $('#test').bind('mousewheel DOMMouseScroll', function(e) { var scrollTo = null; if (e.type == 'mousewheel') { scrollTo = (e.orig

我有一个带自动溢出的div,可以在滚轮中滚动。当它到达终点时,它会滚动主体。我如何让它在到达终点时停止,而不滚动主体


我不想做任何黑客行为,比如暂时将主体设置为“无溢出”。

预览:

试试这把小提琴 看起来很有效

$('#test').bind('mousewheel DOMMouseScroll', function(e) {
    var scrollTo = null;

    if (e.type == 'mousewheel') {
        scrollTo = (e.originalEvent.wheelDelta * -1);
    }
    else if (e.type == 'DOMMouseScroll') {
        scrollTo = 40 * e.originalEvent.detail;
    }

    if (scrollTo) {
        e.preventDefault();
        $(this).scrollTop(scrollTo + $(this).scrollTop());
    }
});

给出不在滚轮固定位置的元素<代码>位置:固定请发布相关代码。。。