bootstrap里让一个div固定在另一个div的顶部或底部的方法及完整实例演示亲测 收藏


  • :
  • 02-16 17:35
  • :
  • 17次
  • :
  • 0条
  • 1赞

简介bootstrap里让一个div固定在另一个div的顶部或底部,不受滚动条影响的方法及完整在线实例演示。

在web开发时,我们有时需要让一个div固定在另一个div的顶部或底部,并且不受滚动条的影响,在bootstrap里,我们可以很容易的实现这个效果的,下面是核心代码:

<div>
    <div class="position-sticky" style="top:0">固定在顶部</div>
    <div class="position-sticky" style="bottom:0">固定在底部</div>
</div>

重点就在于position-sticky这个CSS属性上:

position:sticky;粘性定位 基于用户的滚动位置来定位。

下面是站长准备的一个完整的在线实例演示:

div固定在另一个div顶部的在线演示



您正在找的文章可能是: