Waypoint Jquery Animate

Question

단순히 waypoint.js 및 animate.css를 사용하여 스크롤 할 때 배경색을 변경하려고합니다. 왜 작동하지 않습니까?

$(document).ready(function(){ 
    console.log("ready!"); 
    $('#one').waypoint(function(direction) { 
    if (direction == "up") { 
     $("body").animate({ backgroundColor: "#131314" }, 600); 
    } else if (direction == "down") { 
     $("body").animate({ backgroundColor: "#252525" }, 600); 
    } 
    }); 
}); 

Answer 1

jQuery docs for animate 가입일

:

가

... 예컨대, 폭, 높이를 들어 (기본 jQuery를 기능을 이용하여 애니메이션 수없는 비 수치, 또는 가장 좌측 특성 애니메이트 될 수 있지만, 배경 - 색상은 jQuery.Color() 플러그인을 사용하지 않는 한 불가능합니다.

jQuery Color 플러그인이나 jQuery UI와 같은 색상 속성에 애니메이션을 적용 할 수있는 플러그인이 포함되어 있습니까? 그렇지 않은 경우 그렇게해야합니다. 웨이 포인트는이 문제와 관련이 없습니다.