5

We have developed a small control that is always meant to be at the bottom of the screen on out site. However when I view the site on the ipad the control does not stick to the bottom it floats in the middle.

Whats the deal with fixed position on the ipad? Is it not possible?

Does the ipad use safari mobile?

Exitos
  • 29,230
  • 38
  • 123
  • 178

3 Answers3

8

I think you should read this.

Knu
  • 14,806
  • 5
  • 56
  • 89
  • any reason for the downvote? (the iPad is running mobile safari so it's affected too) – Knu Dec 10 '10 at 15:31
  • I have no idea about the downvote maybe because of the short reply. Thanks though i will upvote you to make up :-) – Exitos Dec 13 '10 at 11:17
  • 1
    @pete thx! - the article is already quite lengthy, check in particular the 2 different viewport concepts. – Knu Dec 13 '10 at 16:38
  • 1
    I would say the down-vote is on account of the barely visible link - I nearly down-voted you too until I looked closely and saw that "this" IS your link. :) – Luke Feb 13 '13 at 22:07
2

Since iOS 5.0, position:fixed is also implemented on the iPad: http://caniuse.com/css-fixed, though there are other problems, see Disable scrolling when changing focus form elements ipad web app .

Community
  • 1
  • 1
Samuel
  • 1,667
  • 12
  • 18
1

Fixed header/footers for mobile devices are tricky. Using fixed positioning doesn't work as explained in the article posted to this thread by Knu.

I've found two solutions that should provide some relief. One is with jquery mobile and the other is iScroll. Both allow for fixed footer/headers.

My problem is that I'm having a hard time combing the fixed scrolling with other effects in the iPad. I hope this helps.

Jackrabbitrocks
  • 63
  • 1
  • 7