positon: sticky属性实际应用

在做一个页面滑动吸底效果,但当滑动到底部时这个吸底导航要遮盖住页面最底部内容的上表面。

效果如图:

解决方案:

   <div class="nav">
            <div class="nav-content">
              <button style="margin-top: 260rpx">按钮</button>
            </div>
          </div>
样式:
.nav{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  bottom: 0;
  display: flex;
   100%;
  height: 2rpx;
  overflow: visible;
}
.nav-content{
  margin-top: -396rpx;
   100%;
  height: 400rpx;
}
原文地址:https://www.cnblogs.com/ycyh1314/p/12296380.html