요소의 아래쪽이 위로 스크롤 될 때 웨이 포인트가 발생합니다.

Question

요소가 스크롤되는 즉시 웨이 포인트를 실행하려면 위로을보기로하면 어떨까요? 아래로 스크롤 할 때 한 웨이 포인트가 발생합니다. 그건 잘 작동합니다. 하지만 요소가 화면 위로 스크롤되면 화면 중간에 요소 상단으로 다른 웨이 포인트가 시작됩니다.

$(".picture").waypoint(function(direction){ 
      var $this = $(this); 
      if (direction === "down") { 
       setTimeout(function() 
        { 
         $this.children('.cutline_background').animate({"left":"0px"},2500, function(){}); 
         $this.children('.text').animate({"left":"40px"},2500, function(){}); 
        }, 3000); 

      } 
    }, {offset: 0 }); 
    $(".picture").waypoint(function(direction){ 
      var $this = $(this); 
      if (direction === "up") { 
       $this.children('.cutline_background').css("left", "-20%"); 
       $this.children('.text').css("left", "-20%"); 

      } 
    }, {offset: '90%' }); //this doesn't seem to be working 

Answer 1

웨이 포인트는 이것에 대한 오프셋 별칭이있다 : 여기 bottom-in-view

$('.thing').waypoint(function(direction) { 
    // do things 
}, { 
    offset: 'bottom-in-view' 
})