css - 与: sticky位置相反

将css属性位置设置为粘滞会使该元素相对放置，直到某个点也被滚动为止，在该点它变得固定。我如何才能实现反向转换，即元素固定到某个点变为相对点为止。

为了扩展，假设我有一个高度为500px的大页脚，该页脚最初不在视口(viewport)中。我想要一个最初落在页面底部的按钮，但是，如果显示页脚，则该按钮应保持在页脚上方。

最佳答案

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

element{
  position:sticky;
  top:0;
}

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

element{
  position:sticky;
  bottom:0;
}

关于css - 与: sticky位置相反，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48583781/