I have a position fixed header. And then I have some content; some divs with some text.
If I:
- Go to the startpage of my website
- Scroll down
- Click on any link
Then on the next page the page has been auto scrolled by roughly the same amount as the address bar!?
I don't get why it is auto scrolling the second page - that's got nothing to do with the first one?!
And here's one thing that's even more interesting.
If I do the exact same steps as above EXCEPT that BEFORE clicking any link I scroll up again (just a little bit) then the next page will load the layout properly with no auto scrolling / jump!?
Any clues?
Safari (iOS) doesn't have this issue.
I've searched the chromium database and google but I have only found other types of addressbar/scrolling problems. Surely this one is a known one?!
Update:
Fastest and easiest way to reproduce this is to setup two .html pages with the exact same content with each page linking to the other by using a simple anchor element. The content of both pages should be the fixed navbar and footer template from bootstrap.com (http://getbootstrap.com/examples/sticky-footer-navbar/). Once you have that setup do the following:
- Load page1
- Scroll page1
- Tap on link to page2
- Scroll page2
- Tap on link to page1
- Repeat until the scroll position gets offset
This happens intermittently. I cannot reproduce it on command. Try scrolling up slightly so that you can barely see the omnibox reappear and the touchclick the link.
It looks like as the pixel offset is equal to the height of the omnibox.