스크롤 할 때 CSS 추가 animate 클래스 (하나의 호출기)

페이지가 스크롤 될 때 animate.css 이벤트를 발생 시키려고합니다 (호출기 1 개).스크롤 할 때 CSS 추가 animate 클래스 (하나의 호출기)

는 기본적으로 나는 .anim

장소로는 예를 들어 클래스가보기에 모든 visible 요소에 예를 들어 클래스 .animate에 대한 추가 jQuery를해야 할 것 : 데이터 지연 속성을 추가 할 수있는 방법이 있다면 내 그 JQuery와 지연을 구문 분석 할 수 있도록 HTML

예를 들어 안녕하세요

2013-08-21 niksos

당신이 그것을 만들 JQuery와의 중간 지점 같은 것을 사용할 수 있습니다 더 쉽게 : http://imakewebthings.com/jquery-waypoints/#get-started 또는 CSS 애니메이션을 사용해야합니까? – ashley

는 IH 같은 .anim 클래스를 추가 할 모든 요소에 클래스를 추가 예를 add 에서 수행하고 다음 jQuery 코드

if (scroll >= 500) { 
    $(".add").addClass(".anim"); 
}

를 작성하고 자세한 내용은 PLZ이 DEMO JSFIDDLE

을 확인하기위한 또 확인 AVE이 link

2013-08-21 11:30:34

그래,하지만 같은 생각했지만 loong 페이지는 waypoints, inview 또는 프로세스를 자동화하는 유사한 비슷한 스크립트를 가지고 멋질 것입니다 ... – niksos

그래서 또한 $ ("div") 수 있습니다. addClass (" anim "); 당신의 모든 요소가 div가되는 경우 .. html의 작은 부분을 더 명확하게 알기 위해 붙여 넣으십시오. –

답변