[谷口 允]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】

10.2.3

【お使いのブラウザ】

iPad Pro 11inch ( iOS 13.4.1 )

【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

※ プライベートメッセージなどでしたら、お伝え可能です。必要でしたらご指示ください。

===

上記環境で、フッターの「p-footer-sub-nav」の要素が、本文に重なってしまうようです。

ご確認頂けると幸いです。

考えられる原因などありましたら、教えて頂けると幸いです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

実機の12.9インチと、シミュレーターの11インチで .p-footer-sub-nav つきのサイトを見てみたのですが特に崩れることなく表示されていました。いま iOS 13.4 のシミュレーターをダウンロード中なので、ダウンロードできたらそちらでも見てみたいと思います。

h2o-space.com のサイトも .p-footer-sub-nav があるようですが、こちらのサイトを見た場合でも崩れが発生しますか？ それともキャプチャのサイトだけでしょうか？

※ プライベートメッセージなどでしたら、お伝え可能です。必要でしたらご指示ください。

Snow Monkey Slack の DM で URL を教えてください！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

URL ありがとうございます。

確認していて思ったのですが、被っているのは .p-footer-sub-nav ではなくて .p-footer-sticky-nav ではないでしょうか？ .p-footer-sticky-nav は position: fixed な要素なので、こちらの要素のほうが怪しいのかなと…。

さて、下記の環境で確認してみました。

– iPad Pro 12.9インチ（実機）
– iPad Pro 11インチ iOS 13.5（シミュレーター）
– iPad Pro 11インチ 2nd iOS 13.5（シミュレーター）
– iPad Pro 11インチ 2nd iOS 13.4（シミュレーター）

いずれの環境でもズレは確認できませんでした。もっと細かい iOS のバージョンか、Safari のバージョンで発生する問題なんですかねぇ…。ズレるということは .p-footer-sticky-nav の bottom の値がおかしくなっているのだと思うので、USB でつないで bottom の値を確認してみるとなにかわかるかもしれません…。

♥ 0

いいねをした人: 居ません

[谷口 允]

ありがとうございます。改めて確認してみます。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿