こんにちは。 今回は前回に続いてパララックスサイトの基本的な作り方です。 それでは早速前回の続きいっちゃいましょう〜！ ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 ボックスを横方向にも動かすhtmlとcssは同じでjsのコードのみ記述します。 js[javascript] $(function() { var pos1 = $(‘#box1’).offset(); //box1の初期値を取得 var pos2 = $(‘#box2’).offset(); //box2の初期値を取得 var pos3 = $(‘#box3’).offset(); //box3の初期値を取得 var pos4 = $(‘#box4’).offset(); //box4の初期値を取得 $(window).scroll(func

こんにちは。 今回はパララックスサイトの基本的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基本的な作り方です。 パララックス（視差効果）とはパララックス（視差効果）とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 準備をしよう！htmlを用意します。 jQueryはjQueryのサイトから直接読み込みます。 [html] [/html] スクロールした値を取得してみよう！スクロールした値によって個々のボックスを移動させますので、スクロールした値を取得します。 html[html] スクロールの値を取得スクロールの値 | 0