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

【问题标题】：How to enable CSS position: sticky in mobile browsers?如何启用 CSS 位置：在移动浏览器中保持粘性？
【发布时间】：2019-08-26 18:26:11
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

您可以在canIUse查看浏览器兼容性

【讨论】：