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

Question

[nopiveb839]

Всем привет!

Как можно сделать появление блоков при прокрутке?
Есть ряд блоков:

<div class="items">
   <div class="item active"></div>
   <div class="item hide"></div>
   <div class="item hide"></div>
   <div class="item hide"></div>
</div>

Как сделать так, чтобы когда докрутили до конца первого блока, показывался второй, прокрутили до конца второго блока показался 3 и т.д.?

Спасибо.

Comments

[Ankhena]

https://developer.mozilla.org/ru/docs/Web/API/Inte...
https://habr.com/ru/company/timeweb/blog/574972/
https://habr.com/ru/post/494670/

Answer 1

[Максим Иванов]

Ankhena выше дал вариант:
https://developer.mozilla.org/ru/docs/Web/API/Inte...

Плюс ещё можно с помощью wow.js или же AOS

Comments

[nopiveb839]

Плюс ещё можно с помощью wow.js или же AOS

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

[Ankhena]

nopiveb839, нужно чуть-чуть смекалки. Вы можете отслеживать попадание в видимость предыдущего блока и после этого вешать класс на скрытый.

[Максим Иванов]

nopiveb839,

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

Что-то не пойму... Может вам тогда нужен fullpage сайт? :D