質問編集履歴
2
イメージ画像追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -4,12 +4,13 @@
|
|
4
4
|
(要素A、要素B、要素Cの高さはそれぞれ異なります)
|
5
5
|
|
6
6
|
1)要素Bはヘッダーにくっついていないので赤色背景もスクロールについてくる
|
7
|
-

|
8
8
|
|
9
9
|
2)要素Bがヘッダーにくっついたので赤色背景はスクロールについてこなくなる(位置が固定される)
|
10
|
-

|
11
11
|
|
12
12
|
3)スクロールを続けると要素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
|
2)要素Bがヘッダーにくっついたので赤色背景はスクロールについてこなくなる(位置が固定される)
|
10
10
|

|
11
11
|
|
12
|
-
3)要素Bの赤背景が固定されたまま要素Cが要素Bの赤背景の上を通り過ぎる
|
12
|
+
3)スクロールを続けると要素Bの赤背景が固定されたまま要素Cが要素Bの赤背景の上を通り過ぎる
|
13
|
-

|
14
13
|
|
15
14
|
background-attachment:fixed がスマホでは使えないようなので、
|
16
15
|
HTMLにimgで画像を入れて背景画像のように見せながらヘッダーにくっついたらクラス名「fixed」を追加して「position:relative;」を「position:fixed;」に変更する
|