CSS：固定DIVを介して固定DIVの後ろにあるDIVのスクロールを許可しますか？

Question

私は、より小さな固定DIVの背後にフルハイトのスクロール可能なDIVを持っています。スクロール可能なDIVは、その上にカーソルを置くとスクロール可能ですが、カーソルが固定DIVの上にあるときはスクロールできません。

私の質問：カーソルが固定DIVの上にあるときにスクロール可能なDIVをスクロール可能にする方法はありますか？

以下は、問題のレイアウトを示すイメージです。

Answer 1

それが正常に動作するはずです、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>