溢出-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上的汽車不滾動

回答

相關問題