Question

所以我在滚动页面和其中包含内容的某些div时遇到问题。

页面底部有一个.container，页脚位于其后。当用户到达页面底部时，应该可以继续滚动页面，但是.scrollable容器应该精确滚动。

默认情况下，如果鼠标光标位于.scrollable div的内容上，我们可以滚动它。但是我需要以某种方式将通用页面滚动链接到此.scrollable div的滚动。

该问题如何解决？

这里的JSFiddle链接可以使问题更加清楚

Answer 1

$(window).on('mousewheel', function(e) {
    //scrolling bottom
    if(e.originalEvent.wheelDelta /120 <= 0) {
       //checks if we reached bottom
        if($(this).scrollTop() + $(this).height() == $(document).height()) {
            $('.scrollable').scrollTop($('.scrollable').scrollTop() + 10);
        } 
    }
});

编辑：经过大量的挖掘，我设法为您真正需要的脚本建立了

注意：：该事件当前绑定在mousewheel上，但是滚动类型更多，例如：拖动，点击，箭头键，但我不知道该如何覆盖所有功能并同时执行所需操作。

我分叉了您的 Fiddle

如何将页面滚动链接到div元素滚动？或者如何使用页面滚动来滚动div元素？

1 个答案: