解決させたいことは、div要素ごとにスクロールのタイミングを制御させたいのですが、jparallaxやscrollmagicのjsを試してみましたが、思い通りに制御されず、最善の解決方法が分かる方にご教授いただきたく質問させていただきます。
初めのスクロールでは、box3は固定のまま、box1が画面上部に移動し固定され、box2は画面下部に移動し固定した後に、box3のコンテンツ(内容の高さまで)通常のスクロールが行える仕様にしたいです。
こちらで試したほかのやり方は、box3をoverflow:hiddenさせ、box1とbox2が固定されたらoverflow:autoにjsでクラスを切り替えるやり方を試しましたが、上手くjsで制御出来ません。
ご教授頂けますと幸いです。
よろしくお願いします。
<!-- box1 --> <div class="box1"></div> <!-- box3 --> <div class="box3"></div> <!-- box2 --> <div class="box2"></div>
回答1件
あなたの回答
tips
プレビュー