回答編集履歴
5
追記
test
CHANGED
@@ -3,3 +3,13 @@
|
|
3
3
|
|
4
4
|
|
5
5
|
viewportにminimal-uiを追加してフッター非表示にしてみてください。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
追記
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
関係あるかわからないけど、同じhtml内にid=mainvisualが3つもありますね。
|
14
|
+
|
15
|
+
idは通常同一画面上に1つになるようにしたほうが良いと思います。
|
4
わかった。
test
CHANGED
@@ -1,11 +1,5 @@
|
|
1
|
-
具体的にcssなのかjsなのかはまだ解読できないですが、
|
2
|
-
|
3
|
-
sa
|
1
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
4
|
-
|
5
|
-
スクロールしてフッターが消えているときにTOPに戻るときはフッターが消えているので、違和感がない。
|
6
2
|
|
7
3
|
|
8
4
|
|
9
|
-
追記
|
10
|
-
|
11
|
-
|
5
|
+
viewportにminimal-uiを追加してフッター非表示にしてみてください。
|
3
追加
test
CHANGED
@@ -8,4 +8,4 @@
|
|
8
8
|
|
9
9
|
追記
|
10
10
|
|
11
|
-
フッター消えてるときの innerHeightと 表示されているときのinnerHeightが違うので、topの画像の高さが変わっている。
|
11
|
+
フッター消えてるときの innerHeightと 表示されているときのinnerHeightが違うので、topの画像の高さが変わっている。height:100vhがwindowの高さに対しての中央になってる?
|
2
追記
test
CHANGED
@@ -3,3 +3,9 @@
|
|
3
3
|
safariのブラウザのフッターが表示されているのにフッター領域まで高さに含めて計算してるように見えますね。
|
4
4
|
|
5
5
|
スクロールしてフッターが消えているときにTOPに戻るときはフッターが消えているので、違和感がない。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
追記
|
10
|
+
|
11
|
+
フッター消えてるときの innerHeightと 表示されているときのinnerHeightが違うので、topの画像の高さが変わっている。それに対して imgの配置はheight:auto; でこれはwindowサイズの高さを基準にセンターになってるように見える。
|
1
追加
test
CHANGED
@@ -1,3 +1,5 @@
|
|
1
1
|
具体的にcssなのかjsなのかはまだ解読できないですが、
|
2
2
|
|
3
3
|
safariのブラウザのフッターが表示されているのにフッター領域まで高さに含めて計算してるように見えますね。
|
4
|
+
|
5
|
+
スクロールしてフッターが消えているときにTOPに戻るときはフッターが消えているので、違和感がない。
|