I was quite suprise yesterday when I visit my websites with an iPad and I realized that the position:fixed doesn't work at all.

It works on Safari on mac, but not on Safari on iPad. All those element who should be fixed on the screen, just scroll down with the page when I slide.

How should I fix them then ?

thanks

2 answers

danwellman 5600
1
point

You can't with pure CSS

You'll need to use JavaScript to emulate position:fixed, just like we have to do with IE6.

This search brings back a lot of results for emulating position:fixed with JavaScript

Detecting iPad is pretty easy and can also be done with script

Answered over 5 years ago by danwellman