質問編集履歴
1
元々フッターが画面下部に表示されるように設定されていることが記載になかったので追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,8 +13,10 @@
|
|
|
13
13
|
|
|
14
14
|
【問題詳細】
|
|
15
15
|
上記の形にするため
|
|
16
|
+
1. CSSスタイルでposition:absoluteおよびbottom:0を指定し、元々画面下部に表示されるように指定
|
|
16
|
-
|
|
17
|
+
2. Javascriptでwindows.addEventListenerを用いてページ表示後、wrapperクラスの高さを取得
|
|
18
|
+
3. (wrapperの高さ + footerの高さ)がwindow.innerHeightを超えたらJavascriptでフッターにstyleを適用して、wrapperの下側に移動
|
|
17
|
-
|
|
19
|
+
3. しかし、画像の数が多いと、footerがwrapperクラスの途中に表示されてしまう
|
|
18
20
|
|
|
19
21
|
【参考情報】
|
|
20
22
|
1. 処理の途中でconsole.logした際と、実際に完全にページが表示された際のwrapperの高さが画像が多いと全く違う高さになっている（画像の数が多いページの場合）。
|