my position fixed moves on iOS

[Steven Gardner]

I have a sidebar and navigation bar that have position fixed to the left of the screen. I have them at 100% height fixed to top and bottom but when I scroll on an iOS device the bar is dragged up leaving a white space at the bottom.

Do you have a few seconds to take a look and offer any suggestions to stop this weird action happening.

Site for reference:
http://www.templateexpress.com/eryn

Thanks
Steven

[Shikkediel]

All I really see is a top: 0 that missing on .site-header and a float: left on both elements that makes no sense.

Sorry, thought I had a better answer when I initially posted.

[Steven Gardner]

Thanks for looking into this for me. I will give it a go tonight!
It makes sense what you say about the address bar disappearing leaving the screen height larger than initial load.

Steven

[Steven Gardner]

Nope, that didn’t work. Even when I scrolled back and forth for a while it would work as I want sometimes then other-times leave the gap. I’ve tried setting bottom:-80px; on the site-navigation.

Need to try some other ideas.

[Author]

Posts