Единая точка прокрутки с нижней частью окна просмотра до последнего раздела страницы

У меня вопрос о привязках в CSS (ресурс, поддержка браузера). Я хочу прокручивать полностью нормальный по всему телу до последнего "скрытого" раздела. Когда пользователь прокручивается до нижней части второй последней секции, окно просмотра должно располагаться снизу до нижней части этого раздела (так же, как и верхняя часть последнего раздела). Когда пользователь пытается прокрутить эту привязку, это должно быть возможно только путем преодоления определенного порога.

Я представил свою проблему для лучшего понимания, я очень надеюсь, что это возможно с текущей спецификацией точек привязки.

Ответы

Ответ 1

Это насколько я могу получить его с помощью библиотеки Alvaro Trigo nice pagePiling:

http://codepen.io/anon/pen/NxaeZm

Содержимое организовано так:

<div id="pagepiling">
  <div class="section pp-scrollable" id="section1">
      <p>Content that scrolls normally</p>
    </div>

    <div class="section" id="hidden">
      <p>Not scrollable</p>
    </div>

    <div class="section pp-scrollable" id="section2">
      <p>Content that scrolls normally again</p>
    </div>

</div>

Средняя часть захватывает прокрутку, а затем вы можете продолжить прокрутку во вторую секцию, которая снова прокручивается, как обычная страница. Я не смог добавить порог для доступа к среднему разделу. Я оставляю это вам. Удачи!