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

Question

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

Answer 1

stickyChrome和Safari for iOS的属性需要先与-webkit供应商一起设置:

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

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