如何做 - 粘性元素
了解如何使用 CSS 创建粘性元素。
注意:此示例在 Internet Explorer 或 Edge 15 及更早版本中无效。
粘性元素
具有 position: sticky;
的元素根据用户的滚动位置进行定位。
粘性元素在 relative
和 fixed
之间切换,具体取决于滚动位置。它相对于视口中的给定偏移位置进行定位,直到达到该位置 - 然后它“粘住”在原地(就像 position:fixed)。
注意:对于粘性定位,您必须至少指定 top
、right
、bottom
或 left
中的一个。
要了解更多关于 CSS 定位的信息,请阅读我们的 CSS 定位 教程。