html - -webkit-溢出-滚动 : touch kills overflow: hidden

Question

我正在开发一个网络应用程序来订购一些图像 ( Website )。

现在，在我的 iPhone 上滚动不流畅，所以我添加了 -webkit-overflow-scrolling: touch。但现在我可以垂直滚动查看 here .

我已经尝试将 -webkit-overflow-scrolling: touch 添加到其他元素，但没有成功。更改 overflow 也没有成功。

此问题仅在 iphone 上可重现。

如果有人知道如何解决这个问题，我会很高兴!

Answer 1

我刚刚添加了一个新容器。这解决了我的 iPhone 问题。

* {
    -webkit-overflow-scrolling: touch;
}

.container {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
}