CSS:允许通过固定的DIV滚动固定DIV后面的DIV?

时间:2017-10-31 04:02:47

标签: html css css3

我在一个较小的固定DIV后面有一个全高可滚动DIV。当我将光标放在它上面时,可滚动的DIV是可滚动的,但当光标在固定的DIV上时它是不可滚动的。

我的问题:当光标位于固定的DIV上时,是否有通过CSS的方式允许可滚动的DIV仍然可滚动?

下面是一张显示相关布局的图片。

enter image description here

1 个答案:

答案 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>