如何後的動畫（）scrollTop的再更改CSS背景色

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('#goto').click(function(){ 
    $('html,body').animate({scrollTop:$('#content').offset().top-100},800); 
    $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800); 
    }); 
}); 
</script> 

#goto是去

＃內容是.......

我希望用戶如果點擊＃ goto將滾動到＃內容

此功能沒問題！

，但我想在同一時間會改變UL＃內容

的背景色我該怎麼辦？

非常感謝

Answer 1

jQuery的不能默認動畫的顏色，你要麼需要使用offical jquery color plugin也可以通過CSS屬性的動畫沒有做到這一點。

CSS小提琴：http://jsfiddle.net/9k84X/

jQuery的顏色小提琴：http://jsfiddle.net/9k84X/2/

CSS實例：

$(function(){ 
    $('#goto').click(function(){  
    $('html,body').animate({scrollTop:$('#content').offset().top-100},800); 
    $('#content').css({'background-color': "#a7bf51"}); 
    }); 
}); 

jQuery的顏色例：

$(function(){ 
    $('#goto').click(function(){ 
     $('html,body').animate({ 
      scrollTop:$('#content').offset().top-100 
     }, 800); 
     $("#content").animate({ 
      backgroundColor: "#a7bf51" 
     }, 800); 
    }); 
}); 

Answer 2

了回調。在

更多信息這應該工作，但檢查它，也許你可能需要改變$（本）值的特定DOM。

<script type="text/javascript"> 
$(function(){ 
    $('#goto').click(function(){ 
    $('html,body').animate({scrollTop:$('#content').offset().top-100},800,function(){ 
     $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800); 
    }); 
    }); 
}); 
</script>