如何在移动浏览器中启用CSS位置：粘性？

Question

在我的网页上添加了一些position: sticky属性。在桌面浏览器上工作正常但在手机中很糟糕。

Answer 1

Chrome和Safari for iOS的

sticky属性需要首先使用-webkit供应商进行设置：

.element {
  position: -webkit-sticky;
  position: sticky;
}

您可以在canIUse

中查看浏览器兼容性