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

Question

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

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

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

Answer 1

尝试jQuery插件jScrollPane - 它似乎正确处理所有滚动功能。它确实与你想要的不同，你不得不点击，而不仅仅是悬停，以取代主体滚动条，但你可以通过从hover（）调用focus（）和blur（）来改变这种行为：

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