移動絕對div滾動

Question

我有一個div與overflow: scroll和大量的文字。然後第二個div裏面有position: absolute和100％的高度和寬度。是否可以這樣做，當你向下滾動時，div內部也向下移動，所以它總是覆蓋外部div的整個可見視圖，只有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> 

Answer 1

這是你想要的嗎？ Demo

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