css - 位置 : sticky 的对面

Question

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

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

Answer 1

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

element{
  position:sticky;
  top:0;
}

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

element{
  position:sticky;
  bottom:0;
}