Анимация элементов при скролле страницы | AOS

preview_player
Показать описание
В этом видео разберем скрипт, который позволяет создавать анимацию элементов при скролле страницы. Скрипт называется AOS и он работает без JQuery.

// Ссылки =================

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

// Соц. сети =================

#javascript #js
Рекомендации по теме
Комментарии
Автор

Всегда удивлялся, как другие делают на сайте клевые анимации (на лэндингах в основном), думал это сложно, оказывается - все проще, когда есть AOS! Спасибо большое.

timures
Автор

Вот и я добрался до уровня анимирования, привет Дмитрий =))

DerAleksey
Автор

Крутяк! Никаких танцев с бубном, Все работает! Автору либы и автору видео респектище!!!

eleukhin
Автор

Superski useful lesson in practice :)
You are a mega teacher!
Great thanks you
Dmitry!

ИринаВертелецкая-нп
Автор

Дима, большое тебе человеческое спасибо!)

АлександрФримен-пж
Автор

можете подсказать почему когда я устонавливаю data-aos="fade-in" исчезает элемент и не появляется, что делать?

gevorg
Автор

Cпасибо огромное! а я вот мучалась не могла понять, что с этими скриптами делать)

Unknown-rxbr
Автор

за Анчор лайк )) а вообще полезный и удобный скрипт

lessons
Автор

Подскажите кто знает, что делать с конфликтом подключенного на сайте jquery + этот АОS. (Подключаю плагин aos указываю нужную анимацию, а она немного не так работает из-за конфликта с выше подключенным jquery)

SDV-code
Автор

По сути аналог связки wow.js + animate.css

Spider
Автор

Почему вы сейчас не выпускаете таких коротких видео? это очень актуальная рубрика. прошу вас выпускайте такое почаще!!!

McGewen
Автор

Как сделать такую анимацию на слайдере swiper, например, чтобы срабатывала на каждом слайде?

Користувач-въ
Автор

Эксперты, подскажите, стоит ли самой учиться делать такие штуки или лучше не изобретать велосипед?

daryaneznanova
Автор

Подскажите кто знает, что делать с конфликтом подключенного на сайте jquery + этот АОS. Aos начинает работать не корректно, не только у меня такая проблема

Александр-хрц
Автор

Спасибо за урок а первые видительные элементы не анимируется ?

romannovak
Автор

Спасибо. А как сделать так чтобы новая анимация отрабатывала 1 раз при прокрутке вниз ?

web
Автор

Спасибо большое за видео! Оказывается создать анимацию очень просто. Но у меня проблема, судя по всему из за использовании АОС Анимации появляется белая полоса справа и полоса прокрутки снизу. Причем они пропадают, когда пролистаешь страницу до конца и анимируются все эффекты

КонстантинФетищев
Автор

Подскажи пожалуйста, почему если ставишь анимацию слева справа, то на моб версии появляется горизонтальный скролл

Користувач-въ
Автор

спасибо, за видео!!! есть кто анимировал элементы в слайдере с помощью AOS, не могу понять что и куда привязывать, чтобы элементы анимировались каждый раз при переключении слайда

StanislavYeshchenko
Автор

Интересно, но анЧор просто убивает. На гугл транслейт можно послушать как правильно произносить anchor.

woodzimierz