问无法在phonegap中停止黑莓屏幕的垂直滚动
EN

Stack Overflow用户

提问于 2013-04-18 20:46:48

回答 1查看 351关注 0票数 0

嗨，我已经开发了一个屏幕使用jquery移动黑莓使用phonegap。但当我将其部署到设备上时，屏幕会垂直滚动，如下图所示。我在android设备的phonegap项目中尝试了相同的html、css、js组合，但它根本没有滚动。它似乎只在黑莓上是垂直滚动的。有没有办法在phonegap项目中禁用blackberry中的垂直滚动条？但是，水平滚动已成功禁用。

在这方面的任何帮助都是非常感谢的。我正在使用dreamweaver来设计ui和js。并使用命令行(终端)构建并部署到blackberry设备。

我的代码如下：

    <!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>

css

cordova

jquery-mobile

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-19 14:57:43

将以下内容添加到您的视区内容中: target-densitydpi=device-dpi

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16083371

复制

相似问题

问无法在phonegap中停止黑莓屏幕的垂直滚动
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在phonegap中停止黑莓屏幕的垂直滚动EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在phonegap中停止黑莓屏幕的垂直滚动
EN