2013-04-18 73 views
0

enter image description here無法停止黑莓屏幕垂直滾動的PhoneGap的

嗨, 我已經開發使用的PhoneGap使用jQuery Mobile的黑莓的屏幕。但是,當我將其部署到設備時,屏幕將垂直滾動,如下圖所示。我嘗試了與Android設備phonegap項目相同的html,css,js組合,它根本不滾動。它似乎只是在黑莓垂直滾動。有沒有什麼辦法可以在phonegap項目中禁用黑莓中的垂直滾動條?但水平滾動已成功禁用。

任何有關這方面的幫助,非常感謝。我使用Dreamweaver來設計ui和js。並使用命令行(終端)構建並部署到黑莓設備。

我的代碼,如下所示:

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" id="viewport" content="width=device-width, height=device-  height,initial-scale=1.0, maximum-scale=1.0,user-scalable=no;"/> 
    <title>jQuery Mobile Web App</title> 

    <link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> 
    <script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script> 
    <script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script> 
    <link rel="stylesheet" type="text/css" href="css/style.css"/> 
    <script type="application/javascript" src="js/application.js"> 
    </script> 
    <style type="text/css"> 
    #page{ 
    overflow: hidden; 
    } 
    </style> 
    <script type="application/javascript"> 
$(document).ready(function(e) { 
    var width = $(window).width(), 
     height = $(window).height() - $("#header").height(), 
     row = height/2, 
     iconTopSpace = (Number(row) - 50)/2;   
     $("div ul li a").attr("style", "height:"+row+"px"); 
     $(".ui-btn-inner").attr("style","margin-top:"+iconTopSpace+"px"); 
}); 
    </script> 

    </head> 
    <body> 

    <div data-role="page" id="page"> 

<div data-role="header" id="header"> 
    <h1>Our Workplace</h1> 
</div> 



    <!-- Do this for the blackberry with a higher screen width --> 

    <div data-role="navbar"> 
<ul> 
    <li><a href="Ourworkplace.html" data-transition="slide" data-iconpos="bottom" data-icon="our-workplace">Our Workplace</a></li> 
    <li><a href="b.html" data-transition="slide" data-iconpos="bottom" data-icon="find-your-way" onClick="test()">Find your way</a></li> 
    <li><a href="b.html" data-transition="slide" data-iconpos="bottom" data-icon="technology">Technology</a></li> 
</ul> 
    </div> 
    <div data-role="navbar"> 
<ul> 
<li><a href="a.html" data-transition="slide" data-iconpos="bottom" data-icon="have-an-idea">Have an Idea</a></li> 
    <li><a href="b.html" data-transition="slide" data-iconpos="bottom" data-icon="useful-links">Useful links</a></li> 
    <li><a href="b.html" data-transition="slide" data-iconpos="bottom" data-icon="help-desk">Help desk</a></li> 
</ul> 
    </div> 


    </div> 


    </body> 
    </html> 

回答

1

添加以下視口內容:目標densitydpi =設備dpi的