スライダーのようなスクロールdivs

Question

申し訳ありませんが、タイトルの音が混乱しても、私は英語が上手ではないので、フレーズの仕方がわかりません。

私はいくつかのdivを持っていますが、各div iはブラウザのウィンドウのフルwidthとheightです。ユーザーが下にスクロールすると、vertical sliderのように次の（または前の）divにスクロールします。 thisと似ていますが、javascriptやjqueryについてよくわからないので、私の仕事に受け入れられた答えをどのように適応させるか分かりません。これまでのところ、私は自分の仕事に似たHTMLとCSSを作成することしかできませんでした。このようなもの。

html, body { 
 
    margin: 0; 
 
    padding: 0; 
 
    height: 100%; 
 
} 
 
div { 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
.div-1 { 
 
    background-color: lightblue; 
 
} 
 
.div-2 { 
 
    background-color: green; 
 
} 
 
.div-3 { 
 
    background-color: silver; 
 
}

<div class="div-1"></div> 
 
<div class="div-2"></div> 
 
<div class="div-3"></div>

Answer 1

あなたは垂直方向の背景スライダーを使用したい場合は、最良のオプションは、スクロールであなたの背景をスライドさせるfullPage.jsスクリプトを使用することです。

必要なJSとCSSファイルをダウンロードし、スクロールしたいdiv内でvertical-scrollingクラスを使用するだけです。

この詳細についてはthisリンクをご覧ください。デモhereをご覧ください。

私はこれがあなたに役立つことを願っています。

ありがとうございました。