Проблемы с animate.css и wow.js. Что может быть не так?

Question

[Данил Флигинский]

Добрый день. Добавил на сайт animate.css и wow.js. И все бы ничего, но на мобильной версии сайта все подвисает. Анимации срабатывают на 4 секунды дольше. А когда срабатывает, то вовсе случаются "прыжки" по странице. Вот ссылка на сайт, чтобы вы могли посмотреть: https:/danilfliginskiy.github.io/Pulse

Comments

[Дуболом Одноклеточный]

Лучше использовать ScrollMagic и GSAP, animate.css и wow.js делают уже устарелые анимации. Тем более там выбор анимаций точно не велик.

[Данил Флигинский]

Дуболом Одноклеточный, scrollmagic я юзаю для прокрутки вверх, а вот о gsap не слышал. Спасибо, чекну в инете

[Дуболом Одноклеточный]

Данил Флигинский, Какая прокрутка вверх? он и при прокрутке вниз может)

[Дуболом Одноклеточный]

Данил Флигинский, Есть еще anime.js. anime.js для scrollmagic - scrollanime

[Дуболом Одноклеточный]

Данил Флигинский,

• Gsap (GreenSock Animation Platform): https://greensock.com/
  
• Anime.js: https://animejs.com/
  
• Anime.js для ScrollMagic: https://github.com/MonsterDeveloper/scrollanime
  Доки на сайтах на ссылке Docs или Documentation
  

[profesor08]

Дуболом Одноклеточный, Данил Флигинский но не надо забывать, что Gsap бесплатен только для некоммерческого использования. Поэтому, лучше использовать его альтернативу https://animejs.com/

[Данил Флигинский]

profesor08, а почему происходят подвисания и прыжки не знаете?

[profesor08]

Данил Флигинский, твой код разбирать мне лень, разбирайся в нем сам. Но у тебя по ходу прокрутки подгружаются картинки, отсюда и скачки. Задай картинкам width и height атрибуты, их настоящие. Тогда для них будет резервироваться пустое место, и при загрузке не будет скачков. Может даже задать им красивый бэкграунд.

Answer 1

[oksanalabeiko]

body {overflow-x: hidden;} как вариант