更改滾動頁面上的wordpress naviagtion背景

-3

我有一個使用興旺主題的wordpress網站，更改滾動頁面上的wordpress naviagtion背景

首先，我定製了我的導航標題以固定和透明。

但現在我試圖讓我的頁眉/導航欄更改背景色從透明的頁面滾動。

我網上查了，目前我曾嘗試使用jQuery來改變顏色，但沒有成功，這是我曾嘗試

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(document).ready(function(){  
    var scroll_start = 0; 
    var startchange = $('#startchange'); 
    var offset = startchange.offset(); 
    if (startchange.length){ 
    $(document).scroll(function() { 
     scroll_start = $(this).scrollTop(); 
     if(scroll_start > offset.top) { 
      $(".header").css('background-color', '#f0f0f0'); 
     } else { 
      $('.header').css('background-color', 'transparent'); 
     } 
    }); 
    } 
}); 
});//]]> 

</script>

和類代碼的CSS我的導航和頭

#floating_menu {position:fixed;} 

header { 
    background-color: rgba(52, 52, 52, 0); 
}

有人可以告訴我爲什麼這是不正確的，因爲顯然它不適合我。

這是參考

http://beyonddigital.mu/

網站

來源

2016-10-16 Tee Famakin

您的代碼段到來之前jQuery包括
$沒有定義，但jQuery是。

檢查您的瀏覽器控制檯以查看這些錯誤。

來源

2016-10-16 20:50:11 gskema

做u有實現這個更好的辦法，因爲我誠實地複製這個從網上 –

在您的網站上，您的標題沒有課程，但在您的代碼中，您的目標是一個。

$('.header') //null 
$('header') // <header class style>...</header>

來源

2016-10-16 20:52:16

好的，謝謝，讓我編輯我的代碼，以符合dat –

iv編輯我的代碼有$（'header'）//但它仍然劑量工作 –

謝謝你所有的時間。

我能解決這個由

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
var a = $("#floating_menu").offset().top; 

$(document).scroll(function(){ 
    if($(this).scrollTop() > a) 
    { 
     $('#floating_menu').css({"background":"red"}); 
    } else { 
     $('#floating_menu').css({"background":"transparent"}); 
    } 
}); 
});//]]>

應該櫃面任何其他人需要它

來源

2016-10-16 21:27:50

更改滾動頁面上的wordpress naviagtion背景

回答

相關問題