Is it possible to create a sticky header or footer such that no matter where you scroll the header/footer stays put? I'm looking for a HTML/css/javascript solution for iPhone/webkit.
+1
A:
You'd need to do this with JavaScript, as MobileSafari deliberately leaves out support for CSS's position: fixed. You should be able to detect the current viewport and absolutely position an element in the right spot, and update its location when the viewport changes.
ceejayoz
2009-09-22 22:15:49
A:
Answering my own question: best resource I've found so far is this one: http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/
However, I think I'm going to end up using Titanium from Appcelerator instead of just html/css.
Parand
2009-09-25 17:20:35
+1
A:
There is also another attempt to emulate position: fixed :
http://cubiq.org/scrolling-div-on-iphone-ipod-touch/5
But it's hacky, and not very performant too.
You are right, Titanium or phonegap do the job well...
Samuel Michelot
2009-11-19 20:41:28