2013-01-20 44 views
0

我有一個簡單的方程參考應用程序,我想使移動適合,但用戶不能滾動到前面或側面。這是頭:移動應用程序不滾動

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

     function onBodyLoad() 
     {  
      document.addEventListener("deviceready", onDeviceReady, false); 
     } 

     function onDeviceReady() 
     { 
     } 

     </script> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" /> 
<meta charset="utf-8"> 
<title>jQuery Mobile Web App</title> 
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
</head> 

我將不勝感激,如果有人可以幫助我。

預先感謝您。

回答

0

更改此:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes;" />

要這樣:

<meta name="viewport" content="width=device-width" />

我相信這個問題是你maximum-scale=1.0屬性。因爲這與user-scalable=yes屬性衝突。

更多信息:http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

+0

感謝您的幫助!我正在測試它。 – user1994007

+0

嗯,我試過使用它,但它只適用於第一頁。整個應用程序在一個文件中,所以通常我會假設標題的內容適用於整個事件,但顯然頁面之間存在一些分離。整個應用程序是〜1000行,所以我不確定將它放在這裏是否可行。 – user1994007

+0

jQueryMobile使用AJAX頁面轉換,所以我遇到了某些頁面上的事情沒有被傳遞給其他人的麻煩。你必須發佈更多的代碼才能診斷出來。 – nickcoxdotme