如何创建：粘性图像

学习如何使用 CSS 创建粘性图像。

粘性图像

Tahadhari:此例不适用于 Internet Explorer 或 Edge 15 及更早版本。

亲自试一试

粘性图像

img.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

亲自试一试

设置了 position: sticky; 的元素会根据用户的滚动位置进行定位。

粘性元素会在相对定位和固定定位之间切换，具体取决于滚动位置。在视口中达到给定的偏移位置之前，它会被相对定位 - 然后它会“粘”在原地（如 position:fixed）

Tahadhari:Internet Explorer, Edge 15 na versioning zaidi haikubali kufikiria kwa sababu kufikiria. Safari inahitaji -webkit- Kufupaji (angalia mifano). Ili kufanyika kufikiria kwa sababu kufikiria kufikiria, lazima kufikiria top、right、bottom au left kwenye cha

相关页面

教程：CSS 图像

教程：CSS 定位