CODEWITHSUNDEEP
htmlcssipadsafari
Exitos
Exitos

Reputation: 29720

Fixed position not working on ipad

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?

Upvotes: 5

Views: 17162

Answers (3)

Samuel
Samuel

Reputation: 1667

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 .

Upvotes: 2

Jackrabbitrocks
Jackrabbitrocks

Reputation: 63

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.

Upvotes: 1

Knu
Knu

Reputation: 15136

I think you should read this.

Upvotes: 8

Related Questions