jquery - 阻止 body 滚动的更好方法？

Question

我正在尝试构建一个布局，当侧边栏滚动时，当您到达侧边栏底部时，主要内容区域不会随之滚动。

我能想到实现此目的的唯一方法是在将鼠标悬停在侧边栏上时向 body/html 添加一个类，该类将主体的溢出设置为隐藏，从而停止飞走滚动。

$(document).ready(function () {
            $(".sidebar").hover(function () {
                $('body,html').addClass("special-overflow");
            }, function () {
                $('body,html').removeClass("special-overflow");
            });
        });

这是基本布局的 jsfiddle。 http://jsfiddle.net/V7vaK/

这样做的问题是，当您将鼠标悬停在侧边栏上时，侧边栏会消失，并且会晃动页面。我已经在谷歌上搜索了一段时间，但我看不到，也无法想出更好的解决方案。

有人能建议比这更优雅的东西吗？

Answer 1

如果我理解得很好，这可能是您尝试做的另一种方法:

http://cdpn.io/uzrpF

希望对您有帮助!

米格尔。