window.scrollTo is not smooth on Safari

Asked Oct 26 '19 at 16:17

Active Oct 26 '19 at 16:17

Viewed 821 times

I'm using the window.scrollTo function with behavior: 'smooth'. It indeed works well and smooth on Chrome, but on Safari it instantly scrolls instead of using the smooth animation. How can I fix that? Here is my code:

    function scrollToInfo(infoDiv) {
  let infoPos = $(infoDiv).offset().top;
  window.scrollTo({
    top: infoPos,
    behavior: 'smooth'
  });
}

asked Oct 26 '19 at 16:17

Robert Feduș

MDN documentation of API `window.scrollTo` says that it's not compatible with Safari - https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo – verisimilitude Oct 26 '19 at 16:21
See this answer for more details. https://stackoverflow.com/a/55221484/608170. – verisimilitude Oct 26 '19 at 16:22
So it would be better if I used javascript's scrollTop i guess? – Robert Feduș Oct 26 '19 at 16:34
@RobertFedus if you are using jQuery anyway, jQuery is able to animate `scrollTop` quite smoothly. Example here: https://www.journaldev.com/wp-content/uploads/jquery/scrollTop.html. Memory tells me that this is good cross browser, but I can't check now. – dgo Oct 26 '19 at 18:29
@dgo Thank you, this solved my problem. – Robert Feduș Oct 26 '19 at 21:22
No problem. Glad it helped – dgo Oct 28 '19 at 12:57

window.scrollTo is not smooth on Safari

0 Answers0