2014-10-31 103 views
0

我的Android PhoneGap的应用程序有一个滚动的div如下之后:风格一个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(在我的情况下,使用最小高度) 提出的所有解决方案,但没有人帮助。

+0

@DawsonLoudon我不是很肯定,这是不相关的科尔多瓦,正如我在另一种情况下have'nt试图 – eeadev 2014-10-31 17:45:20

+0

尝试设置DIV#mContent有一个100%的高度以及最低高度 – 2014-10-31 18:05:54

+0

@罗伯特,谢谢,但不幸的是没有变化 – eeadev 2014-11-03 08:31:15

回答

0

的解决办法是

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

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