溢出-X：iPhone上的汽车不滚动

我有一个div，它看起来像里面的iframe：溢出-X：iPhone上的汽车不滚动

<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错误？

来源

2014-11-20 luqita

可能的重复[覆盖iOS上的溢出x CSS属性]（http://stackoverflow.com/questions/5172109/overriding-overflow-x-css-property-on-ios） – 2014-11-20 19:07:23

不同的情况下，我相信.. 。该帖子中的解决方案没有帮助 – luqita 2014-11-20 19:10:48

不赞成使用align =“center”属性。改用css。 – www139 2014-11-20 19:11:37

我在您的源代码中看到您使用引导程序，所以为什么不只是适应屏幕内的所有内容而没有任何滚动（手机上的水平滚动对我而言并不真正用户友好）。

如果你真的想用滚动，我推荐你使用：的

-webkit-overflow-scrolling: touch;

代替

-webkit-overflow-scrolling-x: touch;

您是否尝试过使用!important？

来源

2014-11-22 21:41:35 Florian

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

来源

2014-11-20 19:13:35 www139

谢谢..但滚动仍然无法在iPhone上工作：s – luqita 2014-11-21 03:18:55

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

如果您的网页有问题，可能是您的iOS或Safari版本特定的错误。但我没有任何问题，滚动是顺利的，并始终如一地工作。希望这个外部测试对你有帮助。祝你好运，欢呼！

来源

2014-11-27 04:11:06

我的想法确切。无论是该人还是该人已找到解决方案，但不希望我们收到通知。：p – chdltest 2014-11-27 22:40:29

对不起！解决方法是使用-webkit-overflow-scrolling -x：touch ...然而，它已经固定了，因为我已经使用过了，因为它可以在我的原始文章中看到。奇怪：S无论如何，我只是接受了其中一个答案。 – luqita 2014-12-02 05:51:21

溢出-X：iPhone上的汽车不滚动

回答

相关问题