Css 2列布局：如何使2列独立滚动

我刚才买了一个

Bootstrap主题

，我需要定制它。我的目标仅为1024px及以上屏幕

这是演示页面：

http://wbpreview.com/previews/WB05FN804/

基本上，主题是一个

2列布局

。无论光标在页面上的什么位置，都可以上下滚动右/主列。因此，如果光标位于左列，则上下滚动会滚动整个页面

我想提供一个

2滚动机制

：左栏的特定滚动和主/右栏的特定滚动

我在

上添加了

溢出：滚动
。它正在发挥作用；如果您打开所有文件夹菜单以超过高度，则可以上下滚动

但是，当您到达顶部或底部时，它将继续滚动到右侧列。

这就是我想要解决的问题

我怎样才能做到呢

提前感谢
现在您的页面正在利用浏览器滚动功能。当您处于左导航时，一种防止右列停止滚动的强大方法是设置溢出：隐藏；当鼠标从主导航中移出时，删除溢出内联css

简单jQuery应该对您有所帮助吗

$("#primary").hover(
    function(){$("body").css("overflow", "hidden")}, 
    function(){$("body").css("overflow", "")}
);

希望这有帮助
 太好了，我没想到：p