클래스가있는 jquery 웨이 포인트 사용

Question

나는 내 페이지에 흩어져있는 클래스 .container가있는 div가 있습니다. .container로 스크롤했을 때 jquery로 애니메이션을 트리거하고 싶지만 그 div에만 애니메이션을 넣고 싶습니다.

$('.container').waypoint(function(direction){ 
    $this = $(this); 
    $(function(){ 
     //$this here selects the last div with class .container 
    }); 
},{offset: 'bottom-in-view'}); 

스크롤 한 현재 div 만 어떻게 선택할 수 있습니까?

Answer 1

편집

미안 해요, 난 당신을 오해. 아래 코드는 스크롤 이벤트를 통해 컨테이너 중 하나가 표시 될 때 감지 할 수 있도록합니다.

'use strict'; 

$(function() { 
    var containers = $('.container'); 

    function isScrolledIntoView(elem) { 
     var docViewTop = $(window).scrollTop(); 
     var docViewBottom = docViewTop + $(window).height(); 

     var elemTop = $(elem).offset().top; 
     var elemBottom = elemTop + $(elem).height(); 

     return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
    } 

    window.onscroll = function (event) { 
     for (var i = 0; i < containers.length; i++) { 
      var container = containers[i]; 
      if (isScrolledIntoView(container)) { 
       // animate as needed here 
       console.log('you can see' + container.innerHTML); 
      } 
     } 
    }; 
}); 

isScrolledIntoViewfunction는 here에서 해제 뻔뻔한했다.