Android 修正了在手机屏幕上滚动时div下降的问题-html/css_Android_Html_Css_Cordova

Android 修正了在手机屏幕上滚动时div下降的问题-html/css

android html css cordova

Android 修正了在手机屏幕上滚动时div下降的问题-html/css,android,html,css,cordova,Android,Html,Css,Cordova,我正在开发一个phone gap应用程序，并在3台android设备上进行测试。有些代码是：主要区域： <body> <div data-role="page" id="home"> <div class="banner"></div> <div id="another_div">Welcome</div>

我正在开发一个phone gap应用程序，并在3台android设备上进行测试。有些代码是：

主要区域：

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

                <div class="banner"></div>

                <div id="another_div">Welcome</div>

                <div class="blank_div"></div>
                 <img src="img/connecting2.png" alt="Loading..." id="loading"/>

            <div data-role="footer" class="footer_div">

            </div><!--Footer-->     
        </div>
    </body>

.banner
{
    width: 100%;
    min-height:40%;
    max-height:40%;
    position:fixed;
    top:0%;
    display:block;
    background-color:#FF0;

}
#now_play_div
{
    white-space:pre-wrap;
    font-size:1.5em;
    position:fixed;
    height:7%;
    display:block;
    background:#FFF;
    width:100%;
    text-align:center;
    top:30%;
    padding-top:1%;
    -webkit-marquee: auto medium infinite scroll normal;   
    overflow-x: -webkit-marquee;

    border-radius:10px;

}
.blank_div
{
    width: 100%;
    min-height:41%;
    max-height:41%;
    margin-left:auto;
    margin-right:auto;
    display:block;

}
.footer_div
{

    color:#FFF;
    position:fixed;
    height:10%;
    display:block;
    background:#46639d;
    width:100%;
    text-align:center;
    bottom:0px;
    padding:1%;
}

现在，

横幅

已修复<使用code>blank_div，这样我的主要内容就不会出现在固定的标题下。完成一些工作后，加载的图像将消失，并填充一些动态内容。我可以滚动内容，但我的横幅和页脚是固定的<代码>另一个分区也已修复

该系统在索尼爱立信（android版本：2.3）和symphony（android版本：4.0.4）上运行良好。但是在nexus中的Google nexus 7（Android:4.3）上无法正常工作，而我滚动我的主要内容，动态加载到空白分区下，横幅开始下降。奇怪！！！！！！当我的内容上升时，横幅下降。但在其他两个设备中，它工作得很好有人知道怎么了吗？？或者我错过了什么？

我想不会有更多的答案了。下面是我从@Era的评论中找到的答案

.banner
{
    width: 100%;
    min-height:40%;
    max-height:40%;
    position:fixed;
    top:0%;
    left:0%;
    display:block;
    background-color:#FF0;

}

试着给左边0个位置。@Era成功了。刚才发生了什么事？你能告诉我为什么这在Nexus之前不起作用吗？非常感谢您：）我不知道，但有时我们需要在css中为绝对位置和固定位置添加所有必要的属性。