▼パララックス2

昨日の続きです！

今日は、パララックスを実際にうって表示してみます。

▼HTML

本当にシンプルな、ヘッダー、フッター、コンテンツ３つをくっつけただけです。

▼CSS

reset

全体

※このとき、positionを使っていることを意識する！

positionを使うときは必ず、z-indexを入れる。

これは、レイヤーのように、重なる順番を表すものです。

一番はじめに出したいときは、9999です。

▼本題です。

a href =" #content0 "で、aというタグをクリックしたときに#content0までスクロールさせます。

このとき、スクロール量はヘッダーの高さを引きますので、-100で計算します。

でれでだいたい基本はおっっけい。

次回に応用編します！