我正在尝试构建一个布局,当侧边栏滚动时,当您到达侧边栏底部时,主要内容区域不会随之滚动。
我能想到实现此目的的唯一方法是在将鼠标悬停在侧边栏上时向 body/html 添加一个类,该类将主体的溢出设置为隐藏,从而停止飞走滚动。
$(document).ready(function () {
$(".sidebar").hover(function () {
$('body,html').addClass("special-overflow");
}, function () {
$('body,html').removeClass("special-overflow");
});
});
这是基本布局的 jsfiddle。 http://jsfiddle.net/V7vaK/
这样做的问题是,当您将鼠标悬停在侧边栏上时,侧边栏会消失,并且会晃动页面。 我已经在谷歌上搜索了一段时间,但我看不到,也无法想出更好的解决方案。
有人能建议比这更优雅的东西吗?
最佳答案
关于jquery - 阻止 body 滚动的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15900569/