Punkt przewijania pojedynczego z dolną częścią rzutni przed ostatnią sekcją strony

Question

Mam pytanie dotyczące snap-punktów w CSS (resource, browser-support). Chcę przewijać całkowicie normalne w całym ciele, aż do ostatniej "ukrytej" sekcji. Gdy użytkownik przewinie do końca drugiej ostatniej sekcji, okienko ekranu powinno przyciągnąć się z dołu do dołu tej sekcji (tak samo jak w górnej części ostatniej sekcji). Gdy użytkownik spróbuje przewinąć tę jedną przystawkę, powinno być możliwe tylko przez przekroczenie określonego progu.

Mam wizualizację mojego problemu dla lepszego zrozumienia, mam głęboką nadzieję, że jest to możliwe z aktualną specyfikacją przyciągania punktów.

Answer 1

To jest tak daleko, jak mogę dostać go za pomocą Alvaro Trigo miłe bibliotekę pagePiling:

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

Zawartość jest zorganizowana w taki sposób:

<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> 

środkowa sekcja przechwytuje przewijanie, a następnie możesz kontynuować przewijanie w kierunku drugiej sekcji , który ponownie przewija się jak normalna strona. Nie udało mi się dodać progu, aby uzyskać dostęp do środkowej sekcji. Zostawiam to tobie tam. Powodzenia!