Question

我在div中有一个iframe，看起来像：

<div align="center" style="z-index:0; -webkit-transform: translate3d(0,0,0); overflow-x:auto; -webkit-overflow-scrolling-x: touch"> 
    <a href="c1" data="c1"></a>
    <script type="text/javascript" src="iframe-loader"></script>
</div>

我希望输入表单可以在x轴上滚动，以便它可以在手机中使用。这在桌面和其他手机（如Android）上运行正常，但在iOS中使用Safari时，滚动不存在或随机工作。

对此有任何可能的解决方法吗？这是iOS错误吗？

Answer 1

我在你的消息来源中看到你使用了bootstrap，所以为什么你不只是在屏幕内部进行调整而不进行任何滚动（手机上的水平滚动对我来说并不是真的用户友好）。

如果你真的想使用滚动，我建议你使用：

-webkit-overflow-scrolling: touch;

而不是

-webkit-overflow-scrolling-x: touch;

您是否尝试过使用!important？

Answer 2

我刚刚在iPhone上访问了这个网站，并且使用iOS 8.1在X-Axis上轻松滚动表单。我还使用iOS 6.1.6在第4代iPod touch上访问了您的网站。在这个旧版本的Safari中，Web表单仍然能够正确加载并在X轴上轻松滚动。

如果您的网页出现问题，则可能是您的iOS或Safari版本特有的错误。但我没有遇到任何问题，滚动顺畅且工作一致。希望这个外部测试对你有所帮助。祝你好运和欢呼！

Answer 3

您可能希望将表单设置为“灵活”。代替。尝试在CSS中使用百分比宽度。例如width:10%;

在iPhone上的overflow-x：auto不滚动

3 个答案: