做一個相對位置div滾動時遵循固定的位置div

Question

所以這是我的問題。我有兩個div，當我向下滾動頁面時，我希望能夠看到他們兩個。兩個div都在同一個父容器中。如果我給父母一個位置：固定，底部div被切斷，因爲你必須滾動才能看到它的全高。所以我試了這個。我給了位置：固定在頂部的div，並且相對於底部的位置。現在這個固定的小夥子開始笑起來，但親戚不會「跟隨它」或者呆在它下面。

任何想法？

Answer 1

如果我理解正確，答案是將兩個div完全放在固定的父級中。

JSFiddle DEMO

HTML

<div class="parent"> 
    <div class="topDiv"></div> 
    <div class="bottomDiv"></div> 
</div 

CSS

.parent { 
    height:1500px; 
    width:200px; 
    border:1px solid grey; 
    position: fixed; 
} 
.topDiv { 
    display:block; 
    background:silver; 
    width:100px; 
    height:100px; 
    position:absolute; 
    top:0; 
    left:0 
} 
.bottomDiv { 
    background:red; 
    width:100px; 
    height:100px; 
    position:absolute; 
    top:130px; 
    left:0 
}