gpt4 book ai didi

html - 仅在一个 div 内滚动,而网站保持定位

转载 作者:太空狗 更新时间:2023-10-29 13:45:54 24 4
gpt4 key购买 nike

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

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

现在我想要的是,当您在页面上的任何位置滚动时,它只会滚动内容 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 的评论给出了答案。将所有 div(内容部分除外)设置为 position: fixed

关于html - 仅在一个 div 内滚动,而网站保持定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7633392/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com