如何將div放在容器高度增長的容器可滾動容器div中

Question

我有一個顯示注釋的父div，高度設置為720px 。 但是，它是可滾動的，並且添加了更多注釋，並且它們被推入並且用戶可以更多地滾動它們。

我想要一個帶有灰色背景和按鈕的疊加層，但div仍然可以滾動。
我嘗試使用position: fixed但它似乎沒有完成我想要的東西。

 .parent { height: 720px; overflow-y: auto; overflow-x: hidden; } 

 <div class="parent"> <div class="overlay"></div> </div> 

Answer 1

這是一個示例，即使滾動時div仍保持居中。

如果您願意，可以添加一個按鈕。

 .parent { height: 720px; overflow-y: auto; overflow-x: hidden; background: blue; } .overlay{ background: grey; margin: auto 25%; text-align: center; height: 10%; width: 50%; position: fixed; z-index: 999; } 

 <div class="parent"> <div class="overlay">Overlay Div</div> </div>