更好的方法来阻止身体滚动?

时间:2013-04-09 11:24:47

标签: jquery css

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

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

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

这是基本布局的一个方面。 http://jsfiddle.net/V7vaK/

这个问题是当您将鼠标悬停在侧边栏上时,侧边栏会消失,并且会使页面周围出现抖动。 我现在已经在谷歌搜索了一段时间,我无法看到,也无法找到更好的解决方案。

有人可以提出比这更优雅的东西吗?

1 个答案:

答案 0 :(得分:0)

如果我理解得很好,这可能是你想要做的另一种方法:

http://cdpn.io/uzrpF

我希望它有所帮助!

米格尔。