Search code examples
cssipadfixed

Fixed side nav on iPad

I am trying to get a site with a fixed side nav working on the iPad. I realized that iPad doesn't support position:fixed very well, so the side nav just scrolls up with the rest of the page. Is there a decent workaround for this? There is no time to redesign the site for iPad before the launch.

Thanks!

Solution

  • You can use a fixed position, but you have to make sure that the meta-tags are set correctly. Example:

    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">