iOS Safari scroll to top does not work on certain pages. Why?
-webkit-overflow-scrolling:touch
is the problem. If you use that anywhere in your CSS, the scroll-to-top shortcut stops working. This is a known problem with iOS 5, there is no workaround unfortunately. Hopefully it will be fixed in iOS 6.
Florian
Designer of webs, Rotterdammer, Frontend developer at Bureau Bolster.
Updated on June 12, 2022Comments
-
Florian almost 2 years
Disclaimer: The site has meanwhile been updated, this issue does not occur anymore with the new version of the design.
On a new site I built I noticed a weird quirk in Safari (iOS 5). Usually you can tap the black bar on top of Safari to scroll to the top of any webpage. On my new website this works on the homepage, but not on single article pages.
Try it! versbeton.nl (works!) vs. versbeton.nl/2012/01/vers-vloeibaar/ (does not work!)
How can I debug such a situation? As far as I know there's no Firebug (or similar debugging tool) for iOS.
-
Florian about 12 yearsUsing Safari on my Mac won't help me debug this iOS specific problem. There's no black bar that I can tap on my Mac... Or am I misunderstanding your answer?
-
teriiehina about 12 yearsyes, there ain't no black bar on OSX but using the web dev tools of Safari can help you inspect the properties of your window and its elements. And you can still activate the Dev Tools on your iPhone.
-
Florian about 12 yearsAh, "Debug Console" in iOS. That's a great tip! But alas: no errors that seem to have to do with this problem.
-
Florian over 11 yearsAwesome! Was there something published about this bug or did you stumble on it by chance?
-
J Cole Morrison almost 11 yearsDamn. And there's absolutely NO fix for this?
-
rharper over 10 yearsThis is still an issue as of iOS 7.0.2