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