2011-11-12 2 views
1

안녕하세요 동적 캡션을 추가하려는 가로 스크롤 갤러리가 있습니다. 캡션은 페이지에 고정되어 있으며 사용자가 각 이미지를지나 스크롤 할 때 켜고 끄기를 원합니다. . 를 heresjquery 가로 스크롤 이벤트 - 편집

페이지의 최대 모의 : 나는 그것이 들어갈 때 이벤트를 트리거하기 위해 사용하고 싶습니다 내가 위의 갤러리에있는 작은 빨간색 사각형이 개념 증명에 대한

http://www.jonathantopf.com/imijstudio/

화면. 어떤 아이디어?

웨이 포인트를 사용하여 이동했지만 수평 스크롤 이벤트를 수신 대기하도록 설정하는 방법을 알지 못했습니다.

$(document).ready(function() { 

$("#blob").waypoint(function() { 
    alert('waypoint reached.'); 
}); 


}); 

여기 오류입니다 : 내가 지금까지 시도 Heres는 무엇

을 그렇게 어떤 도움을 크게 감사 말할 수있을 것 같은 JQuery와 아주 새로운 해요

Uncaught TypeError: Object function (selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} has no method 'isWindow' 

UPDATE : 최신 버전의 jquery로 업그레이드되었습니다.이 오류는 consloe 오류를 수정하는 것으로 보입니다. 이제 작동하지만 사각형이 프레임에 수직으로 들어갈 때만 방향을 수평으로 설정하는 방법을 찾을 수 없습니다.

감사

+0

방금 ​​내 시도와 함께 게시물을 수정, 아주 새로운 그래서 난 아직도 jquery 어떻게 작동하는지 그립에 도착하려고, –

답변

4

이봐, 당신은 여기에 당신을 위해 간단한 테스트를 수행 한 $ (창) .scroll과 scrollLeft에 필자의 값을 사용할 필요가 :

http://jsfiddle.net/vJUXy/

날 필자 오해하면 알려주세요? 알렉스

+0

그 놀라운! 플러그인이 없다, 천재 야! –

+0

어쨌든 환영합니다. 스크롤 할 때 텍스트를 변경하는 방법을 설명하기 위해 작은 것을 추가하여 http://jsfiddle.net/vJUXy/1/을 구현하는 것이 얼마나 쉬운 지 확인할 수 있습니다. – Alex

2

업데이트합니다 JQuery와. isWindow가 1.4.3 (http://api.jquery.com/jQuery.isWindow/)에 추가되었으며 1.4.2를 사용 중입니다.

+0

매트, 방금 업데이트 jquery 그리고 그것은 오류를 수정하지만 지금은 수직으로 스크롤 할 때 발생합니다. 가로로 작업해야합니다. 스크롤 방향을 지정하기 위해 웨이 포인트에서 참조를 찾을 수 없습니다. –

+0

https://github.com/imakewebthings/jquery-waypoints/issues/14 직접 함수를 구현해야합니다. =/ – MatTheCat

관련 문제