jquery - 一部の要素がホバーされているときにページのスクロールを無効にする

Question

一部のブロックがホバーされているときに、スクロールバーを非表示にせずにウィンドウのスクロールをロックするにはどうすればよいですか。マウスがそのブロックを離れたときに、ウィンドウのスクロールのロックを解除しますか?

右の青いボックスのように: http://html.kudrych.ru/mosnadzor/

https://stackoverflow.com/a/9989199/1411424 - 動作しています! ブリリアンドに感謝！

Answer 1

jQuery プラグインjScrollPaneを試してみてください。すべてのスクロール機能を適切に処理しているようです。本体のスクロールバーに取って代わるには、ホバーするだけでなくクリックする必要があるという点で、必要なものとは異なりますが、hover() から focus() と blur() を呼び出すことで、その動作を変更できます。

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