jquery - 如何在滚动 div 时禁用页面滚动

Question

大家好，

当用户滚动 div（黑色方形滚动条）时，我在禁用页面滚动时遇到问题。当用户的鼠标在滚动 div 内（里面有图像）时，我需要禁用页面滚动。

我试过设置溢出：隐藏；到正文，但效果不佳（因为页面滚动条变为灰色/禁用）。

我将 jScrollPane 用于块中的自定义滚动条。

Answer 1

我不知道这是否是您的解决方案（无论如何，您的问题现在已经过时了），但您可以试试这个：页面滚动发生在达到 div 的最大滚动时。我的解决方案是强制 div 永远不会达到这个最大滚动。

$(".scrollable").scroll(function(){
    var maxScrollTop = $(this)[0].scrollHeight - $(this).outerHeight();
    if($(this).scrollTop() == maxScrollTop){
        $(this).scrollTop(maxScrollTop - 1);
    }
});

这个技巧对我来说很好。