質問編集履歴
1
元々フッターが画面下部に表示されるように設定されていることが記載になかったので追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,9 +28,13 @@
|
|
|
28
28
|
|
|
29
29
|
上記の形にするため
|
|
30
30
|
|
|
31
|
-
1.
|
|
31
|
+
1. CSSスタイルでposition:absoluteおよびbottom:0を指定し、元々画面下部に表示されるように指定
|
|
32
32
|
|
|
33
|
+
2. Javascriptでwindows.addEventListenerを用いてページ表示後、wrapperクラスの高さを取得
|
|
34
|
+
|
|
35
|
+
3. (wrapperの高さ + footerの高さ)がwindow.innerHeightを超えたらJavascriptでフッターにstyleを適用して、wrapperの下側に移動
|
|
36
|
+
|
|
33
|
-
|
|
37
|
+
3. しかし、画像の数が多いと、footerがwrapperクラスの途中に表示されてしまう
|
|
34
38
|
|
|
35
39
|
|
|
36
40
|
|