@this0what

Как реализовать fullscreen плавную прокрутку внутри sticky спозиционированного блока?

В общем есть страница которая скроллится до определенной секции(sticky) и по достижению её начинает работать fullscreen scroll, после последнего экрана опять обычная прокрутка.
https://codepen.io/clxxiii/pen/ExEWNwW вот пример того как должны проскроливаться section внутри sticky блока.
вот структура - где section = 100vh, а sticky__container = сумма всех section + еще 100vh чтобы блоки прилипали пока не проскроллим все sections.
<div class="wrapper">
  <div class="sticky__container">
    <div class="fullscreen-scroll">
      <section class="snap" style="background: #000">1</section>
      <section class="snap" style="background: #f00">2</section>
      <section class="snap" style="background: #0f0">3</section>
    </div>
  </div>
</div>


Как можно такое реализовать подскажите?
  • Вопрос задан
  • 119 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы