當某些元素被佔用時禁用頁面滾動

Question

當某些塊被佔用時，如何鎖定窗口滾動而不隱藏滾動條。 解鎖窗口滾動，當鼠標離開該塊時？

喜歡這裏右藍色方塊：http://html.kudrych.ru/mosnadzor/

https://stackoverflow.com/a/9989199/1411424 - 它的工作！ 特別感謝Brilliand！

Answer 1

嘗試jQuery插件jScrollPane - 它似乎正確處理所有滾動功能。它與您想要的不同之處在於您必須單擊，而不僅僅是鼠標懸停，以取代主體滾動條，但您可以通過調用懸停（）中的focus（）和blur（）來更改該行爲：

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