iphone - having issue with scrolling on iOS with jquery mobile -
please see image below

as can see in image. this area empty. content area not shown until bottom of screen. bottom area remains empty css solution ios. please code below
css
.ui-content { padding: 0; } body { margin: 0; } div#container { position: absolute; width: 100%; top: 0; bottom: 0; } div[data-role="header"] { position: absolute; top: 0; left: 0; right: 0; } div[data-role="content"] { position: absolute; top: 42px; bottom: 0; left: 0; right: 0; } .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .scrollable > * { -webkit-transform: translatez(0px); } here html
<div id="container"> <div data-role="page" id="page"> <div data-role="header"> <h1>net bank codes</h1> </div><!-- /header --> <div data-role="content" id="contents" class="scrollable"> <ul id="codescontainer"></ul> </div><!-- /content --> </div><!-- /page --> </div> why bottom area remains empty , how can fix contents displays until bottom of screen?
Comments
Post a Comment