固定，粘滞元素停在页脚

Question

我使用jSticky javascript来浮动一个元素，直到它滚动到一个塞子（在这种情况下，它的页脚），然后它停止。

这适用于非固定元素，但我不确定如何通过将元素固定到浏览器窗口的右下角来完成此操作。我希望它距离视口的底部和右侧大约15px。有什么想法吗？

http://phostercreative.com/test/

布赖恩

Answer 1

如果我理解正确，你想将播放图标从页面右下方移动到15px，并在到达页脚时消失吗？

最简单的方法是让按钮本身绝对定位：

.fixed-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

请注意，position: absolute会使其不会停留在页脚。要解决这个问题，您可以使用float: right，但是您需要修改jSticky才能使用bottom而不是top。我不熟悉jSticky，但改变它会产生预期的结果。

希望这有帮助！ ：）