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;

  width: 100%;

  height: 2rpx;

  overflow: visible;

}

.nav-content{

  margin-top: -396rpx;

  width: 100%;

  height: 400rpx;

}