-webkit-overflow-scrolling：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;
}