html - CSS 滚动只会溢出 div，不会溢出页面

Question

我有一个带有 overflow:scroll 的 DIV，当我滚动 div 并且它到达底部时，它开始滚动主页。

我希望它不滚动主页 - 只是 div。

这可能吗？

http://i.stack.imgur.com/Owuu0.png

图片显示了我不想发生的事情

Answer 1

我为 jQuery 编写了这个小插件，现在已经使用了一段时间。它做你想做的，但不是在 CSS 中。也许这是一个解决方案:

(function($) {
    $.fn.privateScroll = function() {
        if ( this.length === 0 ) {
            return this;
        }
        this.bind('DOMMouseScroll mousewheel', function(e) {
                var delta = 0;
                if (typeof e.originalEvent.wheelDeltaY !== 'undefined') { // chrome, safari, opera
                    delta = e.originalEvent.wheelDeltaY;
                } else if (typeof e.originalEvent.wheelDelta !== 'undefined') { // ie
                    delta = e.originalEvent.wheelDelta;
                } else if (typeof e.originalEvent.detail != 'undefined') { // ff
                    delta = e.originalEvent.detail * -20;
                }
                if ( delta !== 0 ) {
                    $(this).scrollTop($(this).scrollTop() - delta );
                    e.preventDefault();
                    return false;
                }
        });
        return this;
    };
})(jQuery);

像这样使用:

jQuery('SELECTOR').privateScroll();

更新:更新了同事代码以适用于所有浏览器