마우스 이벤트가없는 이미지 애니메이션 Jquery

Question

이상한 또는 멍청한 질문 인 경우 죄송합니다.

하지만 검색 및 검색 중이며 내가 찾고있는 것에 대한 답변을 찾을 수 없습니다. 당신이 내 웹 사이트를 방문 할 경우, GitHub Page

그러나 OnePageScroll JQuery와 플러그인을 사용

Test Website

, 당신은 몇 가지 이벤트가 이미지에있다 참조 :

지금까지, 나는 웹 사이트가 예 : mouseenter, hover, mouseleave

Jquery에서 이러한 애니메이션을 마우스 이벤트없이 작동시키는 방법이 있다면 지금 알 필요가 있습니다. 마우스 또는 터치 또는 다른 이벤트와 독립적으로 애니메이션을 아래로 스크롤하거나 스크롤하면 자동 애니메이션과 같아집니다. 가능합니까?

아마도 아닐지도 모르지만, 나는 스스로를 설명하고 누군가가 이것에 대해 밝힐 수 있기를 바랍니다.

미리 감사드립니다.

PS = 코드가 필요하면 알려주십시오.

Answer 1

예 : jquery.inview을 사용하여 애니메이션을 적용해야하는 요소가 아래로 스크롤 될 때보기에있는 즉시 애니메이션을 시작하십시오. 거기에서

사용 예제 :

$('div').bind('inview', function(event, isInView, visiblePartX, visiblePartY) { 
    if (isInView) { 
    // element is now visible in the viewport 
    if (visiblePartY == 'top') { 
    // top part of element is visible 
    } else if (visiblePartY == 'bottom') { 
    // bottom part of element is visible 
    } else { 
    // whole part of element is visible 
    } 
    } else { 
    // element has gone out of viewport 
    } 
}); 

그냥 내가 원한다면 InView 예를 들어 같은 다른 대답에 사용되는 Fiddle - 당신이 아래로 스크롤 할 때, 요소로 즉시 애니메이션 다이얼 GET이의하는 원한다면 InView에 바인드 전망.