フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい - 不具合報告 https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/ Cocoon ディスカッション掲示板 ja Sat, 14 Mar 2026 05:30:27 +0000 wpForo 60 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39769 Sat, 12 Sep 2020 11:23:09 +0000 皆様、ご確認ありがとうございます。
動画もありがとうございます。
https://wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1599829498-footermenu2.mp4
草村さんと、はるさんにいたっては、解決方法までいただいて、感謝申し上げます。
とりあえず今回の変更で、いけそうな雰囲気なので次はこのスクリプトを適用してアップデートしようと思います。
ただ、また何かあるかもしれないのでこのトピックはクローズしないでオープンにしておこうと思います。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39769 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39733 Fri, 11 Sep 2020 18:12:32 +0000 @haruinoueさん、この辺りのお話し、私も草村さんへ、私も何か返信をしなければと思ったのですが、そろそろ頭が着いて行けなくなって、特にiPhoneで作業しているとブラウザが自動起動した時にSafariだったりChromeだったり、も含めて頭が混乱してスルーしてしまった状態でした。

はるさんのお陰で大事な話が進んだようで良かったです。

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39733 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39732 Fri, 11 Sep 2020 18:09:41 +0000
投稿者:: @haruinoue

動作の様子を録画してみました。iPhoneX iOS13.6 Safariです。

スクロール時にフッターがちゃんと隠れることと、メニューやサイドバーの表示は問題ないようです…！

動画はmomoさんのサイトをお借りしましたが、自サイトに適用しても問題なく動作することを確認済みです。

多分これで大丈夫そう…！？

footerMenu.css("bottom","calc( -1 * (env(safe-area-inset-bottom) + " + footerHeight + "px) )")

マイナスにしたい時は-1を掛ければ良かったのですね。

私の元のコードはfooterHeightをマイナスにしてたりグダグダでしたね。

草村さんのテストサイトも見てみましたが、momoさんの2枚目のスクショと同様でした。

なんでbox3でセーフエリア分高くならないのか不思議ですね。

はるさんの確認があるとほっとします。

これで出口が見えたと言うか、完成した感じでしょうか？

 

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39732 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39731 Fri, 11 Sep 2020 18:08:12 +0000 @yhira様

昨夜の実験では妙なエラーで実験ならずでしたが、先ほどネットが空いている早朝3時になったらエラーもなくなって、実験は大成功に見えます。

私的には、この新しいcocoon親テーマで良い感じになってます。

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39731 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39730 Fri, 11 Sep 2020 18:06:53 +0000 草村さん、春さん、後半、話が理解出来てませんでしたが、草村さんとはるさんの話から、確認作業が順調に進んでいる様子がわかりました。

これで新しいiPhone対策も完成間近ですね。

私も、わいひらさん提供の新しいcocoon-master.zipをアップロードしたサイトと、草村さん＆はるさん合作の？JavaScriptを親テーマで書き換え版の二種類を両方稼働させてみました。

 

わいひらさん提供cocoon-master.zipで上書きサイト

https://momo-express.com/

 

草村さん＆はるさん合作の？JavaScriptを親テーマで書き換え版

https://cocoon.momo-express.com/

 

どちらも同じ動作で大丈夫に思えます。

昨夜、９時ころに前者のわいひらさん対策版のテストがNGだったのは、やっぱり回線やサーバーが混雑で転送エラーか何かでファイルが壊れちゃっていたのかもしれませんね。

今、早朝三時はスムーズにFTP出来た為か？大丈夫でした。

 

 

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39730 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39729 Fri, 11 Sep 2020 15:18:58 +0000 momoさん、はるさん動作確認ありがとうございます！

投稿者:: @haruinoue

仰る通り戻る進むボタンの有無で値が変わってるっぽいです。

でもouterHeightの値は50のまま変わらずでした…。

おかげで原因がわかったかもです。
このテストでは「ページを表示したタイミング」の1回しかouterHeightの値を取得していません(Cocoonのモバイルボタンも同じような状態)
最初の1回だけ高さを取得しても、safe-area-inset-bottomの値は状態によって変化して高さが変わるため、実際の高さと数値が一致しない。という感じです。

スクロール中ずっと高さを取得しつづけるのはパフォーマンス的によろしくなさそうなので、今回の対応で他の環境でも不具合なければ良いですね！

]]> 不具合報告 草村 https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39729 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39726 Fri, 11 Sep 2020 13:19:27 +0000 ちなみに、草村さんのテストにスクロールが関係するかなと思い、box1の上に高さ1000pxのdivを挿入してスクロールが発生するようにして試してみました。

仰る通り戻る進むボタンの有無で値が変わってるっぽいです。

でもouterHeightの値は50のまま変わらずでした…。

]]> 不具合報告 はる https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39726 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39725 Fri, 11 Sep 2020 13:03:37 +0000 動作の様子を録画してみました。iPhoneX iOS13.6 Safariです。

スクロール時にフッターがちゃんと隠れることと、メニューやサイドバーの表示は問題ないようです…！

動画はmomoさんのサイトをお借りしましたが、自サイトに適用しても問題なく動作することを確認済みです。

多分これで大丈夫そう…！？

footerMenu.css("bottom","calc( -1 * (env(safe-area-inset-bottom) + " + footerHeight + "px) )")

マイナスにしたい時は-1を掛ければ良かったのですね。

私の元のコードはfooterHeightをマイナスにしてたりグダグダでしたね。

草村さんのテストサイトも見てみましたが、momoさんの2枚目のスクショと同様でした。

なんでbox3でセーフエリア分高くならないのか不思議ですね。

]]> 不具合報告 はる https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39725 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39723 Fri, 11 Sep 2020 12:18:39 +0000 今日の作業は終了ですが、私の環境では

以下の実験が成功したように感じてます。

私よりもWordPressに知識のある方でiPhoneX以降のホームバー搭載機種をご利用の方のご確認も欲しいところですが。

ちょっと私のチェック能力は低そうなので完璧ですとか言うのが不安なので(笑)。

ーーーー草村さん投稿よりーーー

だとしたら以前のトピックではるさんが書き込まれてた方法で対処できるかも？(少し変更しています/IE11は動かない気がする)

footerMenu.css("bottom","calc( -1 * (env(safe-area-inset-bottom) + " + footerHeight + "px) )")

ーーーーー草村さん投稿引用以上です

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39723 RE: フォーラムのモバイルフッターメニューの「MENU」「情報」の表示がおかしい https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39721 Fri, 11 Sep 2020 12:14:09 +0000 今、実験用サイトに、上記の状態でサイトごとコピーしようと試みたのですが、

日中であれば数分でファイル転送できそうな事が、表示時間で１時間以上待たされるようです。

これでは、途中で何かエラーがあっても不思議では無い感じがするので、この先の作業は夜明けまで無理そうです。

最近、昔以上にエックスサーバーの夜間の動きが重くて大変です。あるいは私の使っているドコモ光が重いのか？分からないのですが。

とりあえず、ファイル転送が重すぎて本日の実験が終了せざるおえない報告でした。

]]> 不具合報告 momo https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%80%8cmenu%e3%80%8d/#post-39721