嗨,我正在製作一個網站,我在動畫導航欄時遇到問題。jquery動畫導航顏色
我想導航欄最初是透明的,而不是它在某個div後改變背景色。我已經做到了這一點,但希望背景顏色淡入,而不是僅僅出現。 下面是HTML和Jquery。
如何讓它淡入背景色?
HTML
<div class="nav">
<div class="container">
<div class="logo">
<a href="#"><img src="RepublicSquare_logo.svg" style="height: 80px;"></a>
</div>
<div class="navMain">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
jQuery的
<script>
$(document).ready(function(){
var scroll_start = 0;
var startchange = $('#c-title');
var offset = startchange.offset();
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
$('.nav').css('background-color', 'rgba(34,34,34,0.9)');
} else {
$('.nav').css('background-color', 'transparent');
}
});
});
</script>
感謝您抽出寶貴的時間來回答這個問題。 (我希望這個問題是清楚的,如果不是讓我知道)
莫非你做了一個jsfiddle? => [JSFIDDLE](http://www.jsfiddle.net) – 2014-12-05 02:13:31
@Godisgood當然,我會做到這一點。 – user3218008 2014-12-05 02:17:58
@ user3218008所以這裏的一切都準確地改變'background-color',但是你想要從透明轉換到'rgba(34,34,34,0.9)'來淡入? – ethorn10 2014-12-05 03:09:34