質問編集履歴
6
コード部分を初回投稿の状態にrevert
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
// 上下100pxで発火
|
|
16
16
|
|
|
17
|
-
rootMar
|
|
17
|
+
rootMaring: "100px 0"
|
|
18
18
|
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
|
|
129
129
|
// 上下100px手前で発火
|
|
130
130
|
|
|
131
|
-
rootMar
|
|
131
|
+
rootMaring: "100px 0"
|
|
132
132
|
|
|
133
133
|
};
|
|
134
134
|
|
5
rootMarginのスペル修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
|
|
129
129
|
// 上下100px手前で発火
|
|
130
130
|
|
|
131
|
-
rootMarin
|
|
131
|
+
rootMargin: "100px 0"
|
|
132
132
|
|
|
133
133
|
};
|
|
134
134
|
|
4
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
|
|
61
|
-
この画像はゆっくりスクロールした際に100px手前に差し掛かったときにブレークポイント
|
|
61
|
+
この画像はゆっくりスクロールした際に100px手前に差し掛かったときにブレークポイントで処理が止まるかを確認しています。（ブレークポイントは交差判定がtrueの時に止まるように置かれています。）表示されている画面のすぐ下には次の画像があるため、ブレイクポイントで止まる想定なのですが、実際には**次の画像とViewportが交わるまで交差していない判定になっており、コンソール上のブレイクポイントで止まりません。**
|
|
62
62
|
|
|
63
63
|
|
|
64
64
|
|
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
対象の画像がビューポートの100px手前に来たときに画像の取得を開始したいと思っています。
|
|
6
6
|
|
|
7
|
-
具体
|
|
7
|
+
具体的には以下の様にrootMarginの上下を100pxに設定しています。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
何卒よろしくお願い致します。
|
|
51
|
+
何かご存知の方いらっしゃいましたら、何卒よろしくお願い致します。
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
2
日本語のおかしな記述を修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,15 +58,15 @@
|
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
|
|
61
|
-
この画像はゆっくりスクロールした際に100px手前に差し掛かったときにブレークポイントが処理が止まるかを確認しています。画
|
|
61
|
+
この画像はゆっくりスクロールした際に100px手前に差し掛かったときにブレークポイントが処理が止まるかを確認しています。表示されている画面のすぐ下には次の画像があるため、ブレイクポイントで止まる想定なのですが、実際には**次の画像とViewportが交わるまで交差していない判定になっており、コンソール上のブレイクポイントで止まりません。**
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
-
（実際、もう少しスクロールを行い、画像の上辺がViewportに差し掛かった当りで
|
|
65
|
+
（実際、もう少しスクロールを行い、次の画像の上辺がViewportに差し掛かった当りでコンソール上のブレイクポイントで処理が停止します。
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
-
また、ChromeのDevToolのNetworkパネルでも確認を行いましたが、100px手前ではなく、画像がViewportと交差したときに画像の取得が行われていることを確認しました。
|
|
69
|
+
また、ChromeのDevToolのNetworkパネルでも確認を行いましたが、画像の100px手前ではなく、画像がViewportと交差したときに画像の取得が行われていることを確認しました。
|
|
70
70
|
|
|
71
71
|
|
|
72
72
|
|
1
rootMarginのスペルミスの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
// 上下100pxで発火
|
|
16
16
|
|
|
17
|
-
rootMarin
|
|
17
|
+
rootMargin: "100px 0"
|
|
18
18
|
|
|
19
19
|
};
|
|
20
20
|
|