2012-01-31 1 views
1

정확하게 내가 무엇을 찾고 있었는지 설명하는 것이 어렵고 나의 영어에 대해 유감스럽게 생각한다. 내가 원하는 것은 사용자가 천천히 아래로 스크롤하는 동안 사용자가 특정 지점에 도달했을 때 1000px와 같이 페이지를 아래로 스크롤 한 다음 두 번째 특정 지점에서 스크롤을 중지하는 것입니다.사용자가 이미지의 특정 부분에 도달했을 때 jquery로 아래로 스크롤하는 방법은 무엇입니까?

http://comic.naver.com/webtoon/detail.nhn?titleId=350217&no=31&weekday=tu

그것은 크로스 브라우저 호환되어야합니다 : 여기

은 예입니다.

+1

나는 당신이 내게 준 충격에 -1. – Marnix

+0

@ 마 닉스 왜 당신에게 질문이 넌센스입니까? – motto

+0

아니, 나는 그림에 깜짝 놀랐다. 당신의 예를 아래로 스크롤하면서 P = – Marnix

답변

0

jQuery를 사용하여 $ (document) .scroll()에 연결할 수 있습니다. scrollTop이 특정 임계 값을 통과 할 때마다 종점까지 smooth scroll으로 만듭니다. 나는 모든 너무 자주하고 스크롤 위치가 맞다면 스크롤 위치를 확인 setTimout을 사용하므로

$(document).scroll(function() { 
    if ($(document).scrollTop() > ####) { 
     smoothScrollTo(###); 
    } 
}); 
0

http://api.jquery.com/scrollTop/window 요소를 사용하여 창의 상단 위치를 감지하고 .animate()과 결합 된 동일한 방법을 사용하여 아래로 부드럽게 스크롤합니다.

희망 하시겠습니까?

+1

나는 그것을 당신이 animate와 결합하고 싶지 않다고 생각합니다. 이미지의 크기와 창 높이를 아래로 내려서 영화처럼 보이게 만들려고합니다. 이것은 예제가 수행하는 것입니다. – Avaq

1

좋아, 사용자 겁이든 당신이 계획 :

var checkScroll = function() { 
    if(window.scrollY > 1000) { 
    setTimeout(checkScroll, 100); 
    } 
    else { 
    doSomeScaryStuff() 
    } 
} 

// need to call it manually the first time 
checkScroll(); 

메이크업 감각을?

+1

사용자가 스크롤 할 때마다 "스크롤 검사"기능이 있습니다. ['jQuery.fn.scroll()'] (http://api.jquery.com/scroll/) – Avaq

+0

@Avaq aha! – motto

+0

@Avaq 감사합니다. 확실히 할 수는 있지만 그 이벤트는 매우 자주 발생합니다. – Matthew

관련 문제