테스트 사이트 - 개발 중인 베타 버전입니다

애니메이트가 작동을 안합니다 채택완료

바나라바 4년 전 조회 1,901

스크롤을하면 배경의 색상이 달라지게 만들고싶은데요 서서히 변하게 만들고싶어서 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개

채택된 답변
+20 포인트
핑크빈
4년 전

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

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

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

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

로그인