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

Question

16

我在网页中添加了一些 position: sticky 属性。在桌面浏览器上运行良好，但在移动设备上效果不佳。

- Ulukbek Abylbekov

你正在测试哪个浏览器和哪个版本？ - Cezar Augusto

Safari iOS10 和 Chrome for iOS - Ulukbek Abylbekov

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Cezar Augusto · Accepted Answer

sticky属性在Chrome和Safari for iOS中需要先使用-webkit前缀设置：

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

你可以在 canIUse 上查看浏览器兼容性。