2017-02-13 10 views
1

Wordpressを使用してウェブサイトを作っていて、スティッキーメニューがあります。ページの上部にあるImは背景が白いので、黒のメニュー項目の色を使用します。しかし、私が下にスクロールすると、黒いメニューの背景が表示され、アイテムが見えなくなります。 CSSコードを変更する方法はありますか?メニュー項目のデフォルトの色は黒ですが、下にスクロールすると白に変わります。Wordpressのスティッキーメニュー項目の色を変更する

+0

をカスタムCSSを書くためにあなたのワードプレスの規定があります –

+0

@MudassarSaiyedはい、あなたのCSSコードを追加して、styles.cssに追加することができます – Heisenberker

答えて

1

これを正しく読んだら、スクロールイベントをキャプチャする必要があります。また、ページの一番上にないときは、ヘッダーのクラスを変更してください。

<script> 
    jQuery(document).ready(function($) { 
     $(window).scroll(function() { 
      if ($(window).scrollTop() > 100) { 
       $('header').addClass('shrink'); 
      } 
      else{ 
       $('header').removeClass('shrink'); 
      } 
     }); 
    }); 
</script> 

この例では、ヘッダが縮小することですが、同じことはここを参照してくださいフォントの色、サイズなど

を変更するために適用されます。https://journalxtra.com/wordpress/quicksnips/make-wordpress-theme-headers-shrink-on-scroll/

関連する問題