I want to make a sticky header like this url: http://www.cssplay.co.uk/layouts/fixit.html has done! But put this url on Safari of iPad, it also fails to fix the header.
Does anyone knows how to do sticky header on iPad Safari?
Thanks in advance!
A:
The nice thing with web pages is that you can always easily inspect its source code.
Look at the page source and you will see #header in the css section defining
position:fixed;
as well as sizes and other formatting instructions.
Eiko
2010-08-20 09:37:29
As I told in my question, even that url can't fix header on Safari on iPad.
Scott Chu at Taiwan
2010-08-20 09:39:28
It *is* fixed. You can scroll the content below it with two fingers. When moving the header as well, you don't scroll but move the *whole page* on Safari's background.
Eiko
2010-08-20 10:17:28
Oh! really! I'll try it again! Thanks a lot!
Scott Chu at Taiwan
2010-08-20 10:41:17