JS-плагины №12. Анимация при скролле с помощью AOS.js

[@sheraabdurakhmanov9631]

Очень здорово ! спасибо всегда хочется что-то с анимациями )))

[@miraigrafit7865]

Очень классный плагин! Главное не переборщить, а то я люблю...

[@АртурМеркулов-с7щ]

Отлично. Как всегда круто.

[@saidislomabdullakhodjaev6575]

Спасибо Вам за видео!

[@alexandrgusletsov2567]

полезно! и всегда хорошее объяснение

[@НиколайРасцветаев-д7ъ]

Большое спасибо

[@anutasolnechnaya8297]

Спасибо, круто!

[@maxgraph]

Пожалуйста))

[@vitatoken]

голос у тебя для объяснений создан

[@АндрейГорлов-ж8н]

при добавлении анимации, на маленьких экранах справа появляется белая полоса, как это исправить?

[@maxgraph]

Наугад не ответить)

[@justfisher2920]

У этой библиотеке косячная адаптация, я её натянул на свой лендинг, и началось: меню бургер начал скролится, стрелка бургера уползать, свайпаешь влево на телефонк, сайт начинает слегка уходить за границы, и ещё некоторые косяки, как это исправить - хз

[@dis1755]

Макс, мобайл фёрст не верстаешь ?

[@maxgraph]

Нет

[@ВадимЯковенко-я1в]

Ниче так плагин) Максим, а ты пробовал вот такое вот чудо - scrollmagic.io/? его можно с GSAP юзать

[@AlexanderShutter]

Хотелось бы поменьше библиотек и побольше чистого JS

[@maxgraph]

Вы как будто не смотрите канал :) Куча видео по чистому js, и по анимации на скролл тоже.

[@AlexanderShutter]

@@maxgraph конечно, смотрел и смотрю, он один из моих любимых. Кое-что уже и у себя применил. Просто на библиотеки аллергия

[@ForeverDarkDeath]

6:20 свойство animatedClassName: 'aos-animate', есть в документации, но в коде не используется нигде и игнорируется. aos-animate вшито в JS-код и поменять класс можно только ручками.

[@ForeverDarkDeath]

data-aos-delay и data-aos-duration работают только с шагом в 50 и до 3х секунд... больше не предусмотрено в исходниках. и вообще AOS делает не анимации, а просто элементарные transform. Ерундовая штука походу, чисто для новичков.

[@maxgraph]

Так он и не должен. Его задача запускать анимацию по скроллу

[@Den_camrad]

Как отключить эту анимацию на мобильных устройствах? disable: "tablet" не работает!

[@justfisher2920]

disable: phone или mobile, mobile действует на все девайсы

[@lisofsky8151]

писать нужно более 7 слов для продвижения видео ! и лайкать чужие комменты ! п.с. если хотите сказать спасибо !

[@Denis-rh9jp]

дай свой дс