-webkit-overflow-scrolling:触摸杀死溢出:隐藏

Question

我正在制作一个webapp来订购一些图片(网站)。

现在，在我的iphone上它不平滑滚动，所以我添加了-webkit-overflow-scrolling: touch。现在我可以垂直滚动了

我已经尝试添加-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;
}