相反的位置：粘性

Question

将css属性位置设置为 sticky 会导致元素相对定位，直到某个点也会滚动，此时它将变为固定点。如何实现反转，即元素固定直到某个点变为相对。

要扩展，想象一下，我有一个大的页脚，高度为500像素，最初是在视口之外。我想要一个最初落在页面底部的按钮，但是，如果页脚进入视图，则按钮应保持在页脚上方。

Answer 1

要在顶部粘贴元素，请添加以下内容：

element{
  position:sticky;
  top:0;
}

要使元素在底部变得粘稠，您需要将top:0;替换为bottom:0;

element{
  position:sticky;
  bottom:0;
}