位置的反义词：粘性

Question

将 css 属性 position 设置为 sticky 会导致元素相对定位，直到某个点也被滚动到它固定在哪一点。我怎样才能实现相反的结果，即元素是固定的，直到某个点变成相对的。

为了展开，假设我有一个大的页脚，高度为 500 像素，最初位于视口之外。我想要一个最初落在页面底部的按钮，但是，如果看到页脚，则该按钮应保留在页脚上方。

Answer 1

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

element{
  position:sticky;
  top:0;
}

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

element{
  position:sticky;
  bottom:0;
}