如何在移动浏览器中启用 CSS position: sticky？

Question

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

Answer 1

sticky Chrome 的 属性 和 iOS 的 Safari 需要先设置 -webkit 供应商：

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

您可以在 canIUse

中检查浏览器兼容性