マウススクロールの100vhセクションのスクロール

Question

これは一般的な質問ですが、私はいくつかのコード例とこのタイプの動作に使用される用語とその実装方法を見つけることを試みています。

例：https://pixelheads.nl/

各セクションが完全にスクロールビューにスクロールされます。

Answer 1

この例のjavascriptを見ると、ページがすべての要素で次々に機能することがわかりますが、コマンドoverflow:hidden;を置くとスクロールバーが表示されません。

すべてのページに効果を与えるには、 "translate3d"とページを "スクロール"する効果があります。第三の場合

transform: translate3d(0px, -622px, 0px); 

：2ページ目表示するには 私はいけない

transform: translate3d(0px, -1244px, 0px); 

は、マウスのホイールを取得するページにコマンドを見つけましたが、あなたが解雇されるイベントを置くことができますページをスクロールします。

$("body").bind("mousewheel", function(e) 
{ 
    var delta = e.originalEvent.wheelDelta; // give you the direction 
    // here you apply the transform on the page. 
}); 

この例のページでは、任意のフレームワークを使用している場合、私はわからないんだけど、私はあなたが最初からやりたいいけない場合、あなたを助けることができるこの質問を見つけました。この質問に書かれている図書館は、Michael Coker解説（alvarotrigo.com/fullPage）と同じです。

scroll a full page height up or down with jQuery/Javascript

私は、応答が完了していないことを知っているが、あなたにいくつかの方向性を与えることができます。