我在左div中有一个很长的“目录”,该表是固定的,由于其长度需要滚动。右边是内容。请see it on JS Bin.,并确保您将视口设置得足够宽(> 600像素)以查看侧边栏。
以下是摘要版本:
<html>
<body>
<div id="sidebar">
<div id="content">
</body>
</html>
css:
#sidebar {
display: inline-block;
width: 175px;
position: fixed;
padding-left: 10px;
height: 90%;
overflow: auto;
}
#content {
margin-left: 200px;
width: inherit;
padding: 1px 25px 25px 25px;
}
问题是,当您通过滚动到达左div的顶部或底部时,尝试在侧边栏中向上或向下滚动时,主要内容区域将开始滚动。
我不确定是否需要一种完全不同的方法来解决此问题,或者是否可以使该方法起作用。任何建议表示赞赏。