Question

我正在开发一个电话间隙应用程序并在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>

有些css：

.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%;
}

现在banner已修复。使用blank_div以便我的主要内容不会在固定横幅下。经过一些工作后，加载图像将消失并填充一些动态内容。我可以滚动该内容，但我的横幅和页脚是固定的。 another_div也已修复。

此系统适用于索尼爱立信（Android版本：2.3）和交响乐（安卓版本：4.0.4）。但是无法在Google nexus 7上正常工作（Android：4.3）在我滚动我的主要内容时，在我的主要内容下，动态加载在blank_div下面，横幅开始下降。 WEIRD !!!!! ！当我的内容上升时，横幅就会降下来。但在其他2个设备中，它的工作正常。 有人知道什么是错的吗？或者我错过了什么？

Answer 1

我想不会再有答案了。所以这是我从@Era的评论中找到的答案。

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

}

固定div在移动屏幕滚动时下降 - html / css

1 个答案: