マガジン
記事一覧
フルページスクロールの実装について - (2)JSを作成しスタイルを調整
前回、フルページスクロールの準備として、全画面表示のページを作成。今回は、前回のHTMLの構成そのままに、クラスを付与するだけでフルページスクロールが実現できるような実装を施そうと思う。
要件フルページで遷移したい（fullPage.js の様な挙動をさせたい）
スマホのスクロールでアドレスバーが隠れて画面の高さが変わってしまう問題を対応する
画面内に収まらないコンテンツはスクロールして全体
フルページスクロールの実装について - (1)まずは全画面表示のページを作成
要件フルページで遷移したい（fullPage.js の様な挙動をさせたい）
スマホのスクロールでアドレスバーが隠れて画面の高さが変わってしまう問題を対応する
画面内に収まらないコンテンツはスクロールして全体を表示できるようにする
（次のコンテンツが表示されるまでは自動的にスクロールさせない）
フッターまできたら普通にスクロール
PC表示では1画面2分割されているコンテンツが、スマホ時は2画