Как анимировать полосу, при скроле?

Question

[Emmet1]

Есть два блока. Изначально между ними ничего нет, пустое пространство.

Задача - сделать обычную полосу, которая при скроле будет тянуться от синего блока, к серому. (когда экран с блоками появляется в зоне видимости).

Comments

[Froggyweb]

и.... Это задание?

Answer 1

[Aricus]

Нужно добавить блок полосы, нулевой высоты добавить высоту в transition. При скролле в js добавлять к ней класс с нужной высотой, и убирать его через некоторое время setTimeout. Ещё нужно будет добавить метку, чтобы при нескольких последовательных скроллах не происходил сбой в работе.