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

[@timures]

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

[@DerAleksey]

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

[@Дмитрий71-м3н]

Отличный урок, Дмитрий! Спасибо.

[@ИринаВертелецкая-н2п]

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

[@АлександрФримен-п7ж]

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

[@eleukhin]

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

[@gevorg6892]

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

[@lessons3141]

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

[@SDV-code]

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

[@Unknown-rx3br]

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

[@Isfan17]

ты лучший бро

[@art-avetyan]

Спасибо! Полезная информация.

[@sweet_potato7774]

Все ясно и понятно! Лайк и подписка!

[@KuKu_RuKu88]

Спасибо Дим, полезная инфа !!!

[@nastochkatuta1824]

Спасибор большое! Получилось)

[@DerAleksey]

класс!

[@Spider0444]

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

[@Користувач-в4ъ]

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

[@McGewen]

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

[@wireinet]

Классная библиотека! Спасибо!

[@daryaneznanova9964]

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

[@Александр-х9р3ц]

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

[@melissasofie7681]

такая же фигня, вы за месяц узнали, как обойти эту проблемку?

[@Александр-х9р3ц]

@@melissasofie7681 Нет, воспользовался wow.js результат идентичный будет

[@АртёмКравченко-и7л]

@@melissasofie7681 $j = jQuery.noConflict();

[@edinoeposobie]

👍🏻

[@romannovak375]

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

[@StanislavYeshchenko]

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

[@skywalker2090]

Спасибо сенсей))

[@web2905]

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

[@olgareschetilo3253]

once: true

[@Користувач-в4ъ]

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

[@kotlancer]

html { overflow-x: hidden }

[@КонстантинФетищев]

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

[@BrainsCloud]

overflow: hidden; для страницы вам поможет

[@МельникМаксим-п8э]

@@BrainsCloud Вы не представляете, как Вы мне помогли! спасибо Вам большое!

[@ЮрийТорлопов]

спасибо!

[@ЕвгенийАлексеенко-д4щ]

братан ты просто бог!

[@loveanime6598]

Спасибо

[@woodzimierz9621]

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

[@АлексейТемников-ъ3р]

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

[@pudge6489]

у меня элемент просто пропадает((

[@Anton-x7n4x]

Здраствуйте, у меня тоже, получилось у вас решить?

[@v.depressed]

сделал всё как у тебя , не работает(

[@DavitAve]

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

[@ArtOfFun]

Выбрал aos, потому что он весит гараздо меньше чем animate и wow

[@imthebest8000]

не советую пользоваться готовыми решениями не понимая как это работает

[@shreer]

Ну такое. Если руки есть, зачем подключать эту библу. К примеру задачу по затемнению блока и увелbчиния фоновой картинки при скроле она не решит. А это всего лишь подмена класса на js. Так что лучше учите js!)

[@kirillk5760]

По сути пересказ доки

[@DerAleksey]

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

[@ВячеславБудкин-с1ъ]

анЧор!!! За что!!! Лучше бы я не заканчивал иняз. Кровь из ушей так и льет. Все остальное - норм!