Question

我有div需要水平滚动。没有-webkit-overflow-scrolling这可以正常工作，但我没有在iPhone上获得本机弹跳。它只是水平滚动，而不是垂直滚动。

当我添加CSS属性并将其设置为touch时，它会按预期水平滚动。但是，它也会垂直滚动。事实是，看起来可滚动区域与可视区域相同 - 即，内容在每个方向上反弹，但是没有内容可以使其滚动。我可以将此滚动限制为仅水平吗？

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

Answer 1

你试过这段代码吗？这将启用滚动。

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

OR

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

现在你应该可以滚动了。如果这不是您正在寻找的内容，请附上一个示例页面。