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

Question

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

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

$(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

我希望它有帮助！

米格尔。