Question

我的Android phonegap应用程序有一个可滚动的div，如下所示：

HTML

<div data-role="page" id="home">
<div data-role="content" id="mContent" >

CSS

div#home{
    position: relative;
    background-color: #EFEFEF;
    overflow: scroll;
    margin: 0;
    padding: 0;
    min-height:100%;    
}

div#mContent{
    width: 100%;
    overflow:scroll;
    margin: 0;
    padding: 0;
    background-color: #EFEFEF;
    min-height:100%;    
    display: inline-block;
}

我的问题是背景颜色（仅在某些设备上）仅出现在最初显示的高度，但当我滚动其余部分变黑时。

我尝试了这个类似SO post中提出的所有解决方案（在我的例子中，使用min-height）但没有人帮助他们。

Answer 1

解决方案

div#mContent {
    width: 100%;
    overflow:scroll;
    margin: 0;
    padding: 0;
    background-color: #EFEFEF;
}

和

<div data-role="content" id="mContent " class="mContent" style="overflow:auto;">

在滚动后将div设置为具有相同的背景颜色

1 个答案: