gpt4 book ai didi

css - 通过滚动在绝对 div 内移动

转载 作者:行者123 更新时间:2023-11-28 10:02:31 25 4
gpt4 key购买 nike

我有一个带有 overflow: scroll 和大量文本的 div。然后是 position: absolute 和 100% 高度和宽度的第二个 div。是否可以做到,当您向下滚动时,内部 div 也向下移动,因此它始终覆盖外部 div 的整个可见 View ,只有 css 或我需要使用 javascript?

这是一个 example您可以在其中看到,向下滚动时,div 内部留在顶部。

CSS:

.test1 {
position: relative;
height: 200px;
width: 500px;
overflow: scroll;
background: green;
}
.test2 {
position: absolute;
opacity: 0.5;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: red;
}

HTML:

<div class="test1">
<div class="test2"></div>
Lot of text
</div>

最佳答案

这是你想要的吗? Demo

.test1 {
position: relative;
height: 200px;
width: 500px;
overflow: scroll;
background: green;
}
.test2 {
position: fixed;
opacity: 0.5;
height: 185px;
width: 485px;
background: red;
}

关于css - 通过滚动在绝对 div 内移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24671411/

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