position:sticky

1、position:sticky简介

设置了position:sticky的元素并不会脱离文档流。

当元素在区域内，元素不受定位的影响（top、left等设置无效）

当发生滚动，元素就要移出区域时，定位又会变成fixed，根据设置的left、top的值进行定位，像是fixed效果

  <div class="sticky">
        position:sticky
    </div>

   .sticky{
      width:300px;
      height: 40px;
      background-color: lightseagreen;
      position:sticky;
      top:0;
   }

————————————————

版权声明：本文为CSDN博主「胖胖我有点烦」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/JiangLittleBai/article/details/108653463