채택완료

애니메이트가 작동을 안합니다

스크롤을하면 배경의 색상이 달라지게 만들고싶은데요 서서히 변하게 만들고싶어서 animate를 사용하고싶어요

 

$(window).scroll(function(){

var gnbscroll = $(window).scrollTop();

console.log(gnbscroll);

if(gnbscroll > 1){

// $("#head .inwrap").css({"background":"black"});

$("#head .inwrap").animate({'background-color':'rgb(20, 20, 20)'},1000);

}

})

 

$("#head .inwrap").animate({'background-color':'rgb(20, 20, 20)'},1000);

animate말고 css로 변경하면 작동은 되는데 무슨 이유에서인지 animate를 쓰면 작동을 안하네요 ㅠㅠ..

뭐가 문제인지 궁금해요,,

 

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

$("#head .inwrap").animate({backgroundColor:'rgb(20, 20, 20)'},1000);

답변에 대한 댓글 2개

답변감사합니다.. 하지만 동작이 안되네요 ㅠㅠ..
http://www.devkuma.com/books/pages/241
Animate 사용할수있는속성들이네요.

답변을 작성하려면 로그인이 필요합니다.