Я создаю сайт-портфолио для режиссера.Что я хочу, это ниже: когда пользователи прокручивают окно вниз, страница переходит к следующему разделу, когда прокручивается вверх, она переходит к предыдущему разделу.Они выглядят как прыжки на другую страницу, но они должны быть на одной странице.Примеры здесь: веб-сайты (http://taotajima.jp/, http://maxxhat.com/).
Я могу сделать это с помощью события click, но я не знаю, как это сделать с помощью SCROLL.
То, что я хочу, НЕ является чем-то вроде этого (https://alvarotrigo.com/fullPage/#page1).
Мои коды выглядят так:
<body>
<section id="first" class="current">
Content
</section>
<section id="second">
Content
</section>
<section id="third">
Content
</section>
<section id="fourth">
Content
</section>
</body>
Каждый раздел представляет собой полный просмотр страницы. Раздел, который имеет «текущий», отображается встраница. Я хочу удалить «текущий» класс из текущего раздела и прикрепить его к следующему разделу при прокрутке вниз, предыдущему разделу при прокрутке вверх. Как это сделать?
Заранее спасибо.