2016-06-18 3 views
0

웨이 포인트는 어떻게 작동합니까?

var waypoint = new Waypoint({ 
    element:document.getElementsByClassName ('waypoint'), 
    handler: function(direction) { 
    console.log('Scrolled to waypoint!') 
    } 
}); 

같은 코드를 가지고 그리고 나는 그것이 onscroll 모든 사업부의 오프셋 모든 시간을 제어 하는가하는 요소는 뷰포트에서 볼 수있는 경우 '웨이 포인트'클래스, 어떻게 웨이 포인트가 플러그인 않습니다 제어?이 10 개 요소가있는 경우 이벤트가 발생 했습니까?

+1

http://imakewebthings.com/waypoints/guides/getting-started/ 자세한 내용 및 예를 보려면 –

답변

0

element으로 스크롤하면 handler이 호출됩니다. 웨이 포인트는 요소의 표시 또는 가시성을 제어하지 않습니다. options 개체를 사용하여 offset 트리거 포인트를 설정할 수 있습니다. 범위를 변경하려면 handler에 할당 된 기능을 사용할 수 있습니다. Waypoint는이 API의 이름을 지정하는 데 적합하지 않은 것 같습니다.

+0

"처리기를 호출하는"것은 무엇을 의미합니까? 누가 처리기를 호출합니까? – Tovelo

+0

장면 뒤에 스크롤 이벤트 발생이 있습니다. '요소'로 스크롤하면 '핸들러'에 지정된 기능이 실행됩니다. – PHPglue

+0

좋습니다. Scroll eent firing은 onscroll 이벤트가 발생할 때마다 API가 요소의 오프셋을 제어하여 뷰포트 영역에 있는지 확인합니다. 제어 할 요소가 더 있으면 어떻게됩니까? – Tovelo