ページの最後のセクションの前にビューポートの下部にある単一スクロールスナップポイント

Question

CSS（resource、browser-support）にスナップポイントに関する質問があります。後半の「隠れた」セクションまで体全体に完全にスクロールしたい。ユーザーが最後の2番目のセクションの一番下にスクロールすると、ビューポートはこのセクションの下端（最後のセクションの上端と同じ）にスナップする必要があります。ユーザーがこのスナップをスクロールしようとすると、特定のしきい値を克服することによってのみ可能になります。

私はより良い理解のために私の問題を視覚化しました。私は、これがスナップポイントの現在の仕様で可能であることを深く願っています。

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

コンテンツがそうのように構成されています：

Answer 1

これは、私がアルバロTrigoの素敵なライブラリpagePilingを使用して、それを得ることができる限りで途中

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

セクションがスクロールして、2番目のセクションに向かってスクロールし続けることができますこれは通常のページのように再びスクロールします。私は中央のセクションにアクセスするためのしきい値を追加することができませんでした。私はあなたにそれを任せます。がんばろう！