javascript - float 关闭按钮

Question

我有一个关闭按钮。如何使关闭按钮在向下滚动页面时悬停？现在它位于顶部。 当我们向下移动页面时，我希望它使其向右浮动(将内容悬停)。

Answer 1

使用 position 属性和 bottom、right 属性，在滚动时将元素设置在固定位置。

.box {
  height: 1000px;
  position:relative;
}

.floater {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

<div class="box">
  <div class="floater">I'm floating</div>
...
</div>