I'm coming across an issue developing an Android-specific website
where I'd like to have a footer fixed on the bottom of the browser
page. I'm using some basic CSS to do this (below) that works fine in
other Webkit based browsers (Safari, desktop Chrome), and initially it
works fine in the Android browser as well. The problem is when I
scroll the webpage the footer position doesn't update until I'm done
scrolling causing it to jump suddenly rather than stay in a fixed
position.
The same problem occurs when fixing the footer to the bottom of the
screen with other techniques (e.g. different CSS, Javascript). It
seems like when you begin scrolling all css rendering and JavaScript
execution stops until the scrolling has stopped.
I'm guessing that this was implemented to make scrolling happen more
smoothly, but it seems like there are lots of cases where this
behavior breaks webpages.
Has anyone found a workaround for this? Is there a chance this
behavior could be changed in the future?
For reference, here's the CSS I'm using:
#footer {
background:transparent url(../../images/bottom_bar.png) repeat-x
scroll 0 0;
bottom:0;
height:43px;
left:0;
line-height:normal;
position:fixed;
text-align:left;
width:100%;
z-index:10000;
}
On this site you can see the behavior (though it happens with the
sidebar rather than the footer): http://fall.tnvacation.com/
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google
Groups "Android Developers" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/android-developers?hl=en
-~----------~----~----~----~------~----~------~--~---
