fadeIn보기에서, fadeOut 하단 만 보이면

Question

Iam은 웨이 포인트 플러그인을 사용하지만 다른 사람들에게는 열려 있습니다. 지금까지 내가 스피가 아래로 스크롤하고 rached 30 % 때 fadeIn에 사업부를 얻기 위해 관리해야 :

element.waypoint(function(){    
    $(this).animate({ opacity: 1 }, 500);   
},{ 
    offset: '30%' 
}); 

그러나 스피 수 없습니다 자사의 다시보기 나갈 때, 다시 페이드 아웃 할 수 있습니다.

도움 주셔서 감사합니다.

이것은 거대한 stackoverflow에 대해 너무 어려운 질문입니까? ...

Answer 1

당신은 당신이 함수에 전달되는 direction 매개 변수를 사용하여 해당 웨이 포인트 트리거 지점을 통과 할 때 스크롤되는 방향에 따라 다른 것을 수행 할 수 있습니다

element.waypont(function(direction) { 
    if (direction === 'down') { ... } 
    else { ... } 
}, { offset: '30%' }); 

또한 여러 개의 웨이 포인트를 만들 수 있습니다 서로 다른 오프셋을 사용하여 페이지의 다른 부분을 타격하는 요소에 반응 할 수 있습니다.

element 
    .waypoint(function(direction) { 
    $(this).toggleClass('visible'); 
    }, { offset: '10%' }) 
    .waypoint(function(direction) { 
    $(this).toggleClass('visible'); 
    }, { offset: '90%' });