我在一个较小的固定DIV后面有一个全高可滚动DIV。当我将光标放在它上面时,可滚动的DIV是可滚动的,但当光标在固定的DIV上时它是不可滚动的。
我的问题:当光标位于固定的DIV上时,是否有通过CSS的方式允许可滚动的DIV仍然可滚动?
下面是一张显示相关布局的图片。
答案 0 :(得分:0)
它应该正常工作,请参阅div结构
<div class="wrapper-div">
<div class="fixed-div">
<div class="text-container">Fixed div</div>
</div>
</div>
<style>
.wrapper-div {
background: #F00;
width: 100%;
height: 120vh;
overflow-y: auto;
}
.fixed-div {
background: #0F0;
position: fixed;
bottom: 5vh;
width:80%;
margin-left: 10%;
height: 200px;
}
.text-container {
padding: 20px;
}
</style>