android - style a div to have the same background color after scrolling -

android - style a div to have the same background color after scrolling -

my android phonegap application has 1 scrollable div below:

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

my problem background color (only on device) nowadays height displayed when scroll rest gets black.

i tried solution proposed in similar so post (in case, using min-height) noone of them helped.

solution

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

and

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

android html css