Плавное появление элементов, как сделать?

Question

[Глеб Жуков]

На сайтах постоянно вижу, что при скроллинге элементы начинают плавно появляться. Хотел узнать как это делается. Про css-свойство transition и про animate в jquery знаю. Единственная догадка, что это какое-то js событие.

Answer 1

[Дмитрий Пыркин]

есть куча плагинов https://postovoy.net/20-jquery-plaginov-dlya-sozda...

Answer 2

[Ilaj Osmanov]

Как делать такие анимации блоков при прокрутке?

Answer 3

[Сергей Брава]

Отслеживайте позицию скроллинга. Вот здесь прям "буллетпруф" https://learn.javascript.ru/onscroll

Еще иногда я чекаю оставшееся расстояние элемента до "верхней части монитора".
И если расстояние меньше или равно половине общего "вьюпорта", например, то это значит, что элемент в центре экрана ( по горизонтали ), в этот момент можно вешать эффект.

Например transition: opacity .2s ease-in
как то так...