Question

我正在尝试创建一个包含以下内容的网站。

在顶部只有一个基本的水平菜单。在左下方，是另一个子类别。内容将位于子类别的右侧，可能会很长。

现在我想要的是，当您在页面上的任何位置滚动时，它只会滚动内容div，而其他所有内容都保持在其原始位置。我一直在考虑它几个小时，但我无法真正想出如何做到这一点的解决方案。

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
    <div class="left_side"></div>
    <div class="right_side"></div>
</div>
</body>
</html>

.container {
width:1000px;
}

.left_side {
float:left;
width:250px;
height:500px;
background:green;   
}

.right_side {
float:right;
width:750px;
height:1500px;
background:yellow;
}

有关如何做到这一点的任何想法？提前谢谢。

Answer 1

@ jao的评论给出了回答。将所有div（内容为1除外）设置为position: fixed。

Answer 2

将overflow:auto样式添加到其类中。

完整说明：http://www.w3schools.com/cssref/pr_pos_overflow.asp

只有在一个div内滚动，而网站保持定位

2 个答案: