0
嗨, 我已經開發使用的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>