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
}

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

1 个答案: