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

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 25

  • @sheraabdurakhmanov9631
    @sheraabdurakhmanov9631 3 года назад +2

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

  • @АртурМеркулов-с7щ
    @АртурМеркулов-с7щ 3 года назад +1

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

  • @saidislomabdullakhodjaev6575
    @saidislomabdullakhodjaev6575 3 года назад +1

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

  • @miraigrafit7865
    @miraigrafit7865 3 года назад +1

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

  • @alexandrgusletsov2567
    @alexandrgusletsov2567 3 года назад +1

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

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

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

  • @anutasolnechnaya8297
    @anutasolnechnaya8297 3 года назад +1

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

    • @maxgraph
      @maxgraph  3 года назад

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

  • @dis1755
    @dis1755 3 года назад +1

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

  • @vitatoken
    @vitatoken 9 месяцев назад

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

  • @ВадимЯковенко-я1в
    @ВадимЯковенко-я1в 3 года назад +1

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

  • @justfisher2920
    @justfisher2920 Год назад

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

  • @АндрейГорлов-ж8н
    @АндрейГорлов-ж8н 8 месяцев назад

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

    • @maxgraph
      @maxgraph  8 месяцев назад

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

  • @ForeverDarkDeath
    @ForeverDarkDeath 2 года назад

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

    • @ForeverDarkDeath
      @ForeverDarkDeath 2 года назад

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

    • @maxgraph
      @maxgraph  2 года назад

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

  • @AlexanderShutter
    @AlexanderShutter 3 года назад +2

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

    • @maxgraph
      @maxgraph  3 года назад +1

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

    • @AlexanderShutter
      @AlexanderShutter 3 года назад

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

  • @Den_camrad
    @Den_camrad Год назад

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

    • @justfisher2920
      @justfisher2920 Год назад

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

  • @lisofsky8151
    @lisofsky8151 3 года назад +1

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

  • @Denis-rh9jp
    @Denis-rh9jp 2 года назад

    дай свой дс