특정 높이에서 스텔라 JS/트리거 기능

Ipad에 대한 시차 스크롤링 사이트를 함께 사용하기 위해 스텔라 JS (http://markdalgleish.com/projects/stellar.js/)를 사용하고 있습니다. 기능을 트리거하고 싶습니다. (화면의 오른쪽에서 슬라이드를 움직이게하는) 특정 높이에서 - 누군가가 화면 높이 위치를 모니터링하고 stellar.js를 사용하거나 일반적으로 함수를 트리거하는 작업을했습니다.특정 높이에서 스텔라 JS/트리거 기능

건배 폴

출처

2012-10-04 Dancer

설명 : 상대 stellar.js 시차 높이 또는 화면을 기준으로 한 절대 높이를 기준으로 이벤트를 트리거하려고합니까? – Bubbles

나는 둘 중 어느 하나가 내가 겪어 왔던 것을 깨닫게 해 줄 것이라고 생각한다. 건배 – Dancer

당신이 특정 높이로 스크롤 jQuery를의 비트와 함께 꽤 행할 일단 함수를 트리거 - 여기 그것을 할 몇 가지 간단한 코드입니다 :

function scrollHeightTrigger (height, fn) { 
    var old_height = $(document).scrollTop(); 
    $(document).scroll(function() { 
    var new_height = $(document).scrollTop(); 
    if (((height < new_height) && (height >= old_height)) || 
     ((height < old_height) && (height >= new_height))) { 
     fn(); 
    } 
    old_height = new_height; 
    }); 
}

scrollHeightTrigger는 높이 소요가와 함수 - 높이는 함수가 트리거되어야하는 맨 위쪽의 스크롤 거리를 지정합니다. 이것은 문서의 상단에서 이전 높이가 무엇인지 기억하고, 대상을 통과 한 경우 사용자가 스크롤 할 때마다 검사합니다. 함수가 있으면 함수가 실행됩니다.

마찬가지로이 옵션은 스크롤 위치가 전달 될 때마다 기능을 반복합니다. 단 하나의 실행을 원할 경우 수정할 필요가 없습니다.

출처

2012-10-05 19:37:22 Bubbles

자리에 - 건배 거품, 비록 내가 당신이 Ipad에서 작동하도록하는 방법을 알 줄 몰랐어!? – Dancer

'Waypoints'플러그인을 살펴 보는 것도 좋습니다. http://imakewebthings.com/jquery-waypoints/ – Sheixt

특정 높이에서 스텔라 JS/트리거 기능

답변

관련 문제