自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。基本インドアです!InstagramTwitterContactサーバーとドメインの同時取得で.jpが無料シュウ今回は「【CSS】でスクロール時に背景画像が切り替わるパララックス」について分かりやすく解説いたします!まずはデモサイトをご用意いたしました。こちらで1度ご確認ください。スマートフォンに対応まとめパララックスとはパララックスとは、日本語で「視差」という意味です。cd-bg-1">固定背景01</div>背景画像が固定されている「cd-bg-1」を最初に指定し、コンテンツが入る「area」の順になっております。fixed背景画像が固定されスクロールしないように設定します。cover;」で画面いっぱいに画像を表示させます。100%」要素の下に配置されていた「area」クラスが上にスクロールされます。cd-bg-2">固定背景2</div>コンテンツが入る「area」をトップに位置を変更し、背景画像が固定されている「cd-bg-1」の順に変更しました。追加で「cd-bg-2」を指定し新たな背景画像を指定しています。url('画像パス');}iPhone(ios)だとスクロールがうまくいかない現象について一番下に書かれていますね。この方法では背景の固定ができないので、今回はスマートフォンになった際のCSSとjQueryを記述することで問題を回避します。scroll;に切り替えます。}();デモサイトはこちらまとめ今回はこれで以上です。fixed;」は背景画像が固定されスクロールしない。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。