相反的位置:粘性

Question

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

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

Answer 1

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

element{
  position:sticky;
  top:0;
}

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

element{
  position:sticky;
  bottom:0;
}