我正在尝试构建一个布局,当滚动侧边栏时,当您到达侧边栏的底部时,主内容区域不会随之滚动。
我能想到实现这一目标的唯一方法是在悬停在侧边栏上时向body / html添加一个类,将body的溢出设置为隐藏,从而阻止飞行滚动。
$(document).ready(function () {
$(".sidebar").hover(function () {
$('body,html').addClass("special-overflow");
}, function () {
$('body,html').removeClass("special-overflow");
});
});
这是基本布局的一个方面。 http://jsfiddle.net/V7vaK/
这个问题是当您将鼠标悬停在侧边栏上时,侧边栏会消失,并且会使页面周围出现抖动。 我现在已经在谷歌搜索了一段时间,我无法看到,也无法找到更好的解决方案。
有人可以提出比这更优雅的东西吗?