iOS 13 和水平滚动：原生延迟加载？

Question

我只在 Safari iOs 13 上遇到了一个奇怪的问题。我有一个具有水平滚动的元素（本机滚动，overflow-x: auto）。 在 iOs 13 上，当我滚动该区域时，当视口之外的元素进入视口时，它首先被隐藏，然后闪烁并变为可见。

这是此问题的截屏视频：https://imgur.com/a/Y2Lz2GH

您可以现场观看：https://www.thebackpackerz.com/agenda/concerts-rap-paris/

我的猜测是与 iOs 13 的新功能有关：

添加了对单指加速滚动到所有帧的支持和 溢出：滚动元素消除了需要 set-webkit-overflow-scrolling: 触摸。

更改了 iPad 上宽网页的默认行为 需要水平滚动的响应式元标记。页面是 缩放以防止水平滚动并将任何文本调整为 保持易读性。

但是，现在，这对我来说就像一个错误。有什么办法解决这个问题吗？

Answer 1

我也遇到了同样的问题，在尝试了不同的解决方案后，我想出了这个。

.bottom-nav-wrapper {
     position: fixed;
     width: 100%;
     overflow-x: scroll;
     overflow-y: hidden;
}

在这个包装器中，您可以放置​​卡片/元素以进行水平滚动。