ヘッダー固定の時、一気にページがジャンプする - 不具合報告 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/ Cocoon ディスカッション掲示板 ja Sat, 14 Mar 2026 06:18:28 +0000 wpForo 60 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65066 Fri, 07 Oct 2022 15:05:03 +0000 ご確認・修正案等ご助力いただきありがとうございます！

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65066 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65065 Fri, 07 Oct 2022 15:01:03 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0.3
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
対策・改善されている事を確認しました。
本件をクローズします。

]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65065 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65064 Fri, 07 Oct 2022 14:34:02 +0000 修正しておきました。
僕の環境ではこの修正でちらつきもなくなりました。
https://github.com/xserver-inc/cocoon
これが原因だったのか。ありがとうございます。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65064 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65061 Fri, 07 Oct 2022 12:44:41 +0000 ●お願い事項
以下のconsole.logを削除願います。
https://github.com/xserver-inc/cocoon/blob/60c3e67514acbb29f48344cc4175f8f8d932bd96/tmp/footer-javascript.php#L146

●確認結果
github見間違えていました。

tmp/footer-javascript.phpに<div id="header-fixed"></div>の追加するようになっていました。
ただ場所が悪く、ヘッダー+ナビメニューとなった後に追加する為、既にヘッダー高さ分、縮んでしまい。
↓↓変化する前だと思います。(---の位置に移動)

    function stickyHeader() {
      if (!$("#header-container").hasClass("fixed-header")) {
        /*トップメニュータイプに変更する*/
---------
        $('#header-container').after('<div id="header-fixed"></div>');

        /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる★ */
        $("#header-fixed").css({
          'padding-top': `${threashold}px`,
        });
--------
        $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap");
        $("#header-container").addClass("fixed-header");
        $("#header-container").css({
          'position': 'fixed',
          'top': '-100px',
          'left': '0',
          'width': '100%',
        });
]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65061 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65001 Thu, 06 Oct 2022 12:30:07 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0
カテゴリ数：19
タグ数：146
ユーザー数：1
----------------------------------------------
zipダウンロードして確認しました。
tmp/body-top.phpに肝心な <div id="header-fixed"></div>がありません。

]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-65001 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64997 Thu, 06 Oct 2022 11:29:27 +0000 とりあえず今回ちらつきはあるものの、多少のちらつきはあってもガクンとならない方がユーザーさんにとっても良いと思いとりあえず修正版を適用しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2020/07/github-dl.png
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64997 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64829 Mon, 03 Oct 2022 10:58:07 +0000 div#header-fixedを動的に出力／削除させてみましたがチラつくのには変わりないみたいですね。
https://github.com/xserver-inc/cocoon/commit/8b58f7abe61f4b13000fd6448a9c5fbd192cd6f2
https://github.com/xserver-inc/cocoon/tree/FixHeader
クロールが閾値を超えるとまずは#contentが表示されてから、急にdiv#header-fixedが現れるので、ちらついたように見えるようです。
アニメーションを使ってみたり、色々試してみましたが今のところうまくいっておらず…。
他に良い方法がないか探ってみます。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64829 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64812 Sun, 02 Oct 2022 10:44:41 +0000 やり方としては合ってたんですね。
ブランチへのテスト実装だったので、常時出力をするつもりではないです。うまくいったら動的にしようかと思っていました。ただ、静的HTMLでの実装時点で、チラつきが出たのでどうしたもんかなと思っておりました。
div#header-fixedを動的に出力／削除したからといって改善されるもんなのか。
明日、時間があれば試してみます。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64812 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64810 Sun, 02 Oct 2022 09:32:00 +0000
投稿者:: @yhira

ここで言うダミー要素とはどういったものを指すのでしょうか。

わいひらさんの書いたコード中の、div#header-fixedです。

書いたコードphpはヘッダー固定に関わらず、常時出力するのですよね？

]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64810 RE: ヘッダー固定の時、一気にページがジャンプする https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64809 Sun, 02 Oct 2022 09:20:37 +0000
投稿者:: @chu-ya

固定ヘッダーの時、動的にCSS追加してると同じく、ダミー要素追加と思っていました。
固定であっても、CSSで必要に応じ、表示/非表示にするだけですが。

僕が違う意味に捉えているのかもしれません。
ここで言うダミー要素とはどういったものを指すのでしょうか。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%9b%ba%e5%ae%9a%e3%81%ae%e6%99%82%e3%80%81%e4%b8%80%e6%b0%97%e3%81%ab%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%82%b8%e3%83%a3%e3%83%b3%e3%83%97%e3%81%99%e3%82%8b/#post-64809