css - 溢出和高度禁用 Safari 上的平滑滚动

Question

我在我的项目中使用position: sticky和。overflow: hidden为了防止粘住位置不起作用的问题，我使用了本文中的解决方案：使用overflow.

body {
  height: 100%;
  overflow-x: hidden;
}

这适用于所有桌面浏览器和手机，除了在 iOS 版 Safari 上，网页的滚动行为很奇怪。该overflow-x值已正确应用，但平滑滚动不起作用。

在普通页面上，即使我松开手指，页面也应该滚动得更多。但是，在我的页面上，当我松开手指时，滚动会立即停止。

有没有办法可以阻止这种行为，或者overflow用另一种方法来实现sticky？

标签： cssoverflowsticky