Я работаю в Phone Gap. Я исправил нижний колонтитул, это работает для некоторых устройств и не работает для некоторых устройств.
HTML-КОД для FOOTER
<div id="footer" style="background-image:url(img/bottom_bar.png);" class="footer">
<div id="footer_text" class="footer_text">footer</div>
<div id="info" class="info noSelect"><img src="img/info.png"/></div>
</div>
CSS для FOOTER
.footer
{
width:100%; position:fixed; bottom:0; font-size:11px; color:#FFFFFF; text-align:center; height:30px;
}
.footer_text
{
text-indent:1%; float:left; text-align:center; width:75%; margin-top:2%;
}
Для некоторых устройств он находится внизу экрана ... несмотря на переполнение содержимого, а для некоторых устройств он перемещается вместе с содержимым.
РЕДАКТИРОВАТЬ:
По совету сэра Филиппоса Карапетиса я попытался реализовать iscroll4
Я использовал этот javascript из здесь
и инициализировал прокрутку
document.addEventListener("deviceready", onDeviceReady, false);
function scroll()
{
myScroll = new IScroll('.wrapper', { mouseWheel:true });
}
-----
-----
function onDeviceReady()
{
scroll();
----
----
CSS нижнего колонтитула
.footer
{
width:100%; position:fixed; bottom:0; font-size:11px; color:#FFFFFF; text-align:center; height:30px;
}
.footer_text
{
text-indent:1%; float:left; text-align:center; width:75%; margin-top:2%;
}
Проблема в том, что он прокручивается только один раз