Gsap — проблема с анимацией в сафари, как решить?

Question

[Dmitryusz]

unikors.agency - донор
https://twin-nine.vercel.app/ - наш сайт

На 3ем слайде в сафари нету плавности, резко и рывками встает слайд а потом уже анимируется вправо, но именно вот эту плавность хочется сделать

Есть у кого варианты?

Comments

[ProjectSoft]

Может донора сделать?

Снимок экрана

[Dmitryusz]

ProjectSoft, Возможно впн надо, у меня заходит

[Froggyweb]

очень тормознутый скролл. даже для первого посещения

Answer 1

[arsenty]

Тут для скроллинга не нужен GSAP, используйте CSS scroll-snap-*.

Comments

[Dmitryusz]

Мы решили проблему эту, с делали через скрол
Но сейчас новая, слайды которые скролятся в этом блоке они пингуют и не плавно работают
Есть возможность глянуть?

[arsenty]

Dmitryusz, у меня текущий вариант на vercel.app вообще не скроллится никак, сразу после загрузки страницы. Полез в код, выяснил, что дело в `html { overscroll-behavior: none }`, если поменять на `html { overscroll-behavior-y: none }`, то скролл работает. В баг-трекере такой баг не нашел. Странное.
Safari 17.0 в приватном окне, без расширений. Вы на каком Сафари тестируете, только на мобильном?

[Dmitryusz]

arsenty, Нет, десктоп сафари ласт версия мак м1 13

[Dmitryusz]

arsenty, https://youtu.be/q3rItUZvnco - вот такие заторможености происходят

[arsenty]

Dmitryusz, как я уже писал, GSAP для такого перебор, у вас нет множества хитрых анимаций, чтобы он был обоснован (либо займитесь оптимизацией производительности). Конкретно такой горизонтальный скролл вообще можно сделать на CSS, что-нибудь в таком духе, если на минималках: https://codepen.io/arsenty/full/rNoGvxg Ну и немного js если хотите обрабатывать какие-то события.
ЗЫ: баг с прокруткой был по старой ссылке, в новой все Ок.

Answer 2

[Dmitryusz]

https://dist-alpha.vercel.app/