滚轮只滚动子内容而不是正文

时间:2014-05-29 01:56:33

标签: javascript html css

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

我不想做任何hacky,比如暂时把主体放在溢出的地方。

1 个答案:

答案 0 :(得分:0)

预览: http://jsfiddle.net/eXQf3/559/

试试这个小提琴 似乎在起作用

$('#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());
    }
});