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

Question

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

页面底部有一个.container，footer 紧随其后。 当用户到达页面底部时，应该可以继续滚动页面，但应该滚动 .scrollable 容器。

默认情况下，如果鼠标光标悬停在 .scrollable div 上，我们可以滚动它的内容。但我需要以某种方式将公共(public)页面滚动链接到此 .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);
        } 
    }
});

编辑:经过大量挖掘，我设法构建了一个完全符合您需要的脚本

注意:该事件目前绑定(bind)在鼠标滚轮上，但还有更多类型的滚动，例如:拖动、点击、箭头键，我不知道有什么功能可以同时覆盖它们并做你想做的事情。

我 fork 了你的 Fiddle