Scroll to top not working for safari

Question

I am calling this javascript on page load

document.body.scrollTop = document.documentElement.scrollTop = 0;

I want html page starts from top when loaded, above javascript working fine for chrome, safari(macbook) but not working for safari on iphone, can anybody suggest workaround in javascript only.

I will give it a try, but why it is not working with above pure javascript? — Lalji Gajera, Feb 09 '17 at 10:43
Hi @LaljiGajera I just tested this on Xcode's simulator in oldest model (iPhone 5) and it did work. But things like `window.safari` flag checking didn't. — Niloct, Nov 05 '18 at 23:12

score 4 · Answer 1 · answered Jun 13 '19 at 21:29

4

Posting this here for future visitors from Google. This same error occured to me... The problem was just one CSS rule on body element.

overflow-x: hidden

If this CSS rule exists, remove it and scrollTop should work on mobile Safari.

answered Jun 13 '19 at 21:29

Skosh

165
1
9

1

Why x? anyways, it works. thanks – Stephane Mar 17 '22 at 20:47

score 0 · Answer 2 · answered Mar 02 '21 at 04:59

As I tested this before, there are problems rendering on ios, but it also depends on the version of the OS for example, for an iPad pro, there is no problem! But on iPad air you there isn't much to do! so what you can do is to make your code compatible like:

document.scrollingElement.scrollTop

it should give you the right solution.

Scroll to top not working for safari

2 Answers2