Search code examples
csssafari

Is there a Safari equivalent for scroll-behavior: smooth;?

I'm working on a single page portfolio which is navigated using a top-mounted navigation bar using href's. I use scroll-behavior: smooth; in my head's CSS and this makes the navigating smooth and pleasant to look at when looking at it in chrome. When loading the site using Safari this behavior is lost and the navigation is instant. Is there a Safari equivalent to this CSS functionality?

Solution

  • Safari 15.4 adds support for CSS scroll-behavior as detailed in the 15.4 release notes.

    Added support for the CSS scroll-behavior property and ScrollOptions, allowing smooth scrolling to anchors or via JavaScript.