防止移動Safari中的網站橫向滾動

我有一個基於jQuery Mobile的網站。我使用視口標籤來適合我的網站以屏幕大小。防止移動Safari中的網站橫向滾動

到目前爲止這麼好。

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

但現在的問題是，我仍然能夠在屏幕上滾動我的整個網站（整個移動Safari瀏覽器）。

我試圖設置

body { 
    overflow:hidden; 
}

像這裏其他職位描述。但它不適合我。任何人都知道如何解決這個問題？

2011-11-09 oBear

得到了一個演示的URL？ –

你會發現網站[這裏]（http://www.m.fdl.de/%20property/ein-paradies-fur-kinder-ein-traum-fur-erwachsene）。感謝您的幫助！ – oBear

您的移動網站上的初始負載非常重， 700KB。還有一些你可能想要修復的404錯誤。 – Jasper

縮放和滾動並不總是必須相關。您的問題不在視口中，而與網站的實際寬度有關，如果尺寸比屏幕大小更寬，您將滾動問題。你將不得不給我們一個生動的例子，所以我們可以幫助你找到溢出你的佈局的元素

2011-11-09 15:56:38

你會發現網站[這裏]（http://www.m.fdl.de/%20property/ein-paradies-fur-kinder-ein-traum-fur-erwachsene）。謝謝你的幫助！ – oBear

我比較你的網站與我們自己的網站之一。你正在使用jQuery Mobile 1.0RC1，我們正在使用1.0b3。問題發生在您的網站上，但與我們不同。

也許嘗試升級到最新的jQuery Mobile？

2011-11-09 16:32:52

我正在使用** jquery.mobile-1.0rc2.min.js **，這是最新的一個。 – oBear

碧玉指出的那樣，你有一個404，而試圖獲取這些：

你看起來像你有一個文件夾名稱「jquerymobile-FDL 2」的空間，我會重命名這個沒有空間。

此外，我不確定是否可以在標題或樣式標記中包含元標記，也許可以將所有元標記移動到頭標記的開始處？

而且你似乎是進口的jQuery

的兩個不同版本

2011-11-09 17:45:33

是的，你和賈斯珀是對的。測試還有一些浪費。我重命名了我的文件夾，現在想清理我的東西。但我認爲這不是我的滾動問題的解決方案？ – oBear

讓我們知道您何時有更新的副本查看/測試。此外RC2也可以解決這個問題，以及 –

期待這個東西「wp_properties.css？ver = 1.13」（我不知道它在哪裏產生）我已經清理了所有的404錯誤。我使用RC2。 – oBear

我有同樣的問題，並結束了使用這個工作區輪：

document.ontouchmove = function(event) { 
    event.preventDefault(); 
};

2011-12-14 10:49:42 Eivind

沒有解決它。這可以防止所有滾動，而不是水平滾動。 – user1678406

回答