限制webkit溢出滚动

Question

我有一个需要水平滚动的div。这在没有-webkit-overflow-scrolling的情况下工作得很好，但我不会在iPhone上看到原生版本。它只是水平滚动，而不是垂直滚动，正如我所希望的。

当我添加CSS属性并将其设置为touch时，它会按预期水平滚动。但是，它也会垂直滚动。问题是，看起来可滚动区域和可视区域是一样的——也就是说，内容在每个方向上都会反弹，但没有任何内容可以让它滚动。我可以将此滚动限制为仅水平滚动吗？

注意：overflow-y设置为hidden，overflow-x设置为scroll。我已经在web检查器中验证了所有元素的高度都是100px，所以我不相信有任何元素会导致滚动。

Answer 1

您尝试过这段代码吗。这将启用滚动。

overflow: auto;
-webkit-overflow-scrolling: touch;

或

overflow: auto;
-webkit-overflow-scrolling: auto;

现在你应该可以滚动了。如果这不是你想要的，那么附上一个示例页。