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