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

gogo_rulez

所以这是我的问题。我有两个div,当我向下滚动页面时,我希望能够看到它们两个。两个div都在同一个父容器中。如果我给父母一个位置:固定,则底部div会被截断,因为您必须滚动才能看到它的全高。所以我尝试了这个。我给position:fixed到顶部div,相对于底部div的位置。固定的人现在脚,但亲戚却没有“跟随”它或留在它下面。

有任何想法吗?

保利

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

JSFiddle演示

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当我使用固定位置滚动时无法使 div 跟随

来自分类Dev

获取相对位置<div>容器内的滚动位置

来自分类Dev

css相对位置并滚动时固定在顶部

来自分类Dev

固定位置时如何检测div中的滚动

来自分类Dev

如何相对于固定位置div定位div?

来自分类Dev

滚动时如何在相对位置的div内使其div保持在其容器内

来自分类Dev

如何使div固定位置水平滚动?

来自分类Dev

如何防止在元素位置从相对位置更改为固定位置时内容跳转

来自分类Dev

绝对定位div伸出可滚动的固定位置div

来自分类Dev

绝对位置的div与相对位置的div不重叠

来自分类Dev

仅限Chrome:滚动固定div时出现固定位置滚动问题

来自分类Dev

从相对位置切换到固定位置时,保持CSS流的外观

来自分类Dev

相对于底部绝对位置的div位置(绝对定位的div)

来自分类Dev

应用固定位置时的过渡 div

来自分类Dev

相对位置时子div的动态高度

来自分类Dev

在滚动以固定其位置时捕获div

来自分类Dev

滚动时如何固定div的位置?

来自分类Dev

在绝对位置的div中滚动div

来自分类Dev

CSS:相对位置在相对位置div中的绝对位置

来自分类Dev

在打开(活动)移动下拉菜单时将标题的位置从固定位置更改为相对位置?

来自分类Dev

CSS div父边框相对位置

来自分类Dev

CSS div父边框的相对位置

来自分类Dev

固定位置填充div

来自分类Dev

如何使左div滚动位置跟随窗口滚动位置?

来自分类Dev

div图像位置固定+滚动

来自分类Dev

使div(位置:固定)水平滚动

来自分类Dev

带有位置相对位置的div的内联块显示

来自分类Dev

如何使div高度或位置适应其内容的相对位置

来自分类Dev

div内div的固定位置

Related 相关文章

热门标签

归档