ベストセラー人気 WordPress テーマTop 30 詳細

Diviテーマでスクロールすると、ヘッダーが減らないようにする方法

Last Updated:2020年11月14日| 7のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

Elegant ThemesのDiviテーマでページを下にスクロールすると、ヘッダーが軽く減る効果が適用されます。 このような効果は、他のテーマでもよく適用されるのを目撃します。

このように、マウスを下にスクロールしたときに減少する効果(Shrink)を取り除くには、次のjQueryコードを使用することができます。

<script>
(function(){
// Override the addClass to prevent fixed header class from being added
var addclass = jQuery.fn.addClass;
jQuery.fn.addClass = function(){
var result = addclass.apply(this, arguments);
jQuery('#main-header').removeClass('et-fixed-header');
return result;
}
})();
jQuery(function($){
$('#main-header').removeClass('et-fixed-header');
});
</script>

上記のジェイクエリスクリプトを Divi> Themes Options> Integration タブの Add code to the <head> of your blog セクションに追加します。 詳細については、「Diviテーマでjavascript / jQueryを挿入する"文を参照してください。

参考までに Diviテーマから マウスをスクロールするとき、ヘッダーが固定されないようにする Divi> Themes Options> General タブで Fixed Navigation Barを無効にします。

Elegant ThemesのDiviテーマ

上の図のように 有効にします ボタンを 無効にしますに変え設定を保存すると、ページを下にスクロールしてもヘッダが固定されていません。

メモ:



7のコメント

コメント

  1. 一つお尋ねみるよいます。 現在Fixed Navigation Barを有効にさせてヘッダを固定?しました。 デスクトップから見ると、ヘッダーがついてくる、携帯電話では、ヘッダがスクロールについてこないですね。 モバイルでもヘッダがついてくることができるように設定をどうすればいい?

    回答する
    • こんにちは?

      この部分は認識できずでしたが、実際にテストしてみると、モバイルでは、ヘッダーが固定されてないですね。

      次のコードを使用してみてください。

      /* Divi 테마에서 모바일 메뉴 고정 */
      @media (max-width: 980px) {
      .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
      position: fixed;
      }
      }

      回答する
      • ありがとうございます。 ところで
        http://www.newssalon.net ホームページに私のコードを適用させてきたが、それでも適用がダメですねㅜㅜ

      • こんにちは?

        https://www.thewordcracker.com/en-us/ サイトでは、上記のコードを適用したが、うまく動作します。

        キャッシュプラグインのキャッシュを完全に削除した後、テストしてみてください。
        そしてフォンでもキャッシュを削除してください。

      • 親切な説明ありがとうございます! 私別にメッセージ送信ERRを!
        確認お願いいたします。 (こっくり)

      • こんにちは? 回答送信しました。

        ちなみにKorea SNSプラグインは、最近更新されたことが2016年10月10日ですね。
        アップデートがうまくいかないプラグインを使用すると、セキュリティに問題が発生することも、サイトの動作にも問題になることがあります。

        なるべく他のプラグインを知ってみた方が良さそうです。