Css 滚动时，使相对位置div跟随固定位置div

这就是我的问题。我有两个div，我希望在向下滚动页面时能够看到这两个div。两个div位于同一父容器中。如果我给父对象一个位置：fixed，则底部div get被截断，因为您必须滚动查看它的全高。所以我试过这个。我给出了位置：固定到顶部div，以及相对于底部div的位置。固定的一个现在会咕噜咕噜地叫，但亲戚不会跟着它，也不会呆在它下面

---

有什么想法吗？

如果我理解正确，答案是将两个div绝对定位在固定的父级中

HTML

---

请提供一个JSFIDLE来接收有用的答案。。。因此，银色div是固定的，滚动时红色应始终保持在其下方

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

.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
}