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

前端之家收集整理的这篇文章主要介绍了html – 只有在一个div内滚动,而网站保持定位前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用以下内容创建一个网站.

最上面只有一个基本的水平菜单.在左下方,是另一个子类别.内容将位于子类别的右侧,并且可能非常长.

现在我想要的是当你在页面上的任何地方滚动时,它只滚动内容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;
}

有关如何做到这一点的任何想法?
提前致谢.

解决方法

答案是由@jao的评论给出的.将除内容1之外的所有div设置为position:fixed.

猜你在找的HTML相关文章