如何在滚动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);
    }
});

这个技巧对我来说很好。