SOLVED: Smooth scroll does not seem to work in Safari

barthusz · October 2, 2021, 1:40pm

Bricks Version: 1.3.4
Browser: Safari 14.1.1
OS: macOS
URL: https://ho.maarevenonline.nl

I am creating a one page website (see url) but the smooth scrolling does not work in Safari. Is there a workaround or fix for this?

luistinygod · October 6, 2021, 9:45pm

Hello @barthusz,

Bricks handles the smooth scrolling using the Element.scrollIntoView() method. Unfortunately, the smooth option is not supported by Safari (Element.scrollIntoView() - Web APIs | MDN).

A workaround to this could be to use a polyfill, like the one described here.

barthusz · October 7, 2021, 7:29am

Thank you so much @luistinygod ! I created a fix and now it’s working in Safari too
Really appreciate your help.

Maybe you also know the solution for my other question? Background video does not autoplay in Chrome

iamstmvasan · January 17, 2022, 1:50pm

Hi @barthusz
Could you tell how you achieve Element.scrollIntoView() method in safari.
We should follow only via script method ?
Please tell that things.

dvelh · January 24, 2022, 5:25pm

I tried this method and the scrolling is clunky. Is there another method? We need cross browser compability. Not solved.

timmse · January 25, 2022, 6:46am

Hi, have you tried the poly fill workaround mentioned by Luis?

barthusz · February 18, 2022, 9:17am

Hi @iamstmvasan I followed the workaround @luistinygod suggested. Just follow the link!