2017-02-13 57 views
1

使用Wordpress製作網站,我有一個粘性菜單。當頁面上部的Im處於白色時,所以我使用黑色菜單項顏色。但是當我向下滾動時,出現黑色菜單背景,使我的物品不可見。有什麼方法可以改變CSS代碼,所以菜單項的默認顏色是黑色的,但是當我向下滾動時它會變成白色?更改Wordpress中的粘性菜單項顏色

+0

有沒有在你的WordPress編寫自定義的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/