質問編集履歴
2
イメージ画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,12 +4,13 @@
|
|
|
4
4
|
（要素A、要素B、要素Cの高さはそれぞれ異なります）
|
|
5
5
|
|
|
6
6
|
１）要素Bはヘッダーにくっついていないので赤色背景もスクロールについてくる
|
|
7
|
-
|
|
8
8
|
|
|
9
9
|
２）要素Bがヘッダーにくっついたので赤色背景はスクロールについてこなくなる（位置が固定される）
|
|
10
|
-
|
|
11
11
|
|
|
12
12
|
３）スクロールを続けると要素Bの赤背景が固定されたまま要素Cが要素Bの赤背景の上を通り過ぎる
|
|
13
|
+
|
|
13
14
|
|
|
14
15
|
background-attachment:fixed がスマホでは使えないようなので、
|
|
15
16
|
HTMLにimgで画像を入れて背景画像のように見せながらヘッダーにくっついたらクラス名「fixed」を追加して「position:relative;」を「position:fixed;」に変更する
|
1
わかりにくい画像を削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
２）要素Bがヘッダーにくっついたので赤色背景はスクロールについてこなくなる（位置が固定される）
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
３）要素Bの赤背景が固定されたまま要素Cが要素Bの赤背景の上を通り過ぎる
|
|
12
|
+
３）スクロールを続けると要素Bの赤背景が固定されたまま要素Cが要素Bの赤背景の上を通り過ぎる
|
|
13
|
-
|
|
14
13
|
|
|
15
14
|
background-attachment:fixed がスマホでは使えないようなので、
|
|
16
15
|
HTMLにimgで画像を入れて背景画像のように見せながらヘッダーにくっついたらクラス名「fixed」を追加して「position:relative;」を「position:fixed;」に変更する
|