jquery - 悬停某些元素时禁用页面滚动

Question

当某些块悬停时，如何在不隐藏滚动条的情况下锁定窗口滚动。当鼠标离开该块时，解锁窗口滚动？

就像在右边的蓝色框中一样：http: //html.kudrych.ru/mosnadzor/

https://stackoverflow.com/a/9989199/1411424 - 它正在工作！特别感谢 Billiand！

Answer 1

试试 jQuery 插件jScrollPane - 它似乎可以正确处理所有滚动功能。它确实与您想要的不同，因为您必须单击，而不仅仅是悬停，才能取代主体滚动条，但您可以通过从 hover() 调用 focus() 和 blur() 来更改该行为：

$(".scroll-pane").hover(function() {
    this.focus();
}, function() {
    this.blur();
});