如何禁用页面滚动而滚动的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); 
    } 
}); 

这个技巧适合我。