2011-02-04 6 views
2

저는 몇 시간 동안이 작업을 해왔지만 지금은 이해할 수 없습니다.jQuery scrollTo 플러그인이 작동하지 않습니다.

기본적으로 페이지 아래쪽으로 채워지는 긴 목록이 있습니다. 사용자가 이러한 항목 중 하나를 클릭하면 내용을로드 할 맨 위로 윈도우를 다시 스크롤하려고합니다 (틀린 것은 잘못된 디자인입니다,하지만 그건 별개의 문제입니다). 여기

은 내 스크립트는 어떻게 생겼는지 : 여기
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> 
<script type='text/javascript' src='scripts/jquery.jgrowl.js'></script> 
<script type='text/javascript' src='scripts/javascript.js'></script> 
<script type='text/javascript' src='scripts/supersized.js'></script> 
<script type='text/javascript' src='scripts/effects.core.js'></script> 
<script type='text/javascript' src='scripts/jquery.scrollTo-1.4.2-min.js'></script> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js'></script> 

내 페이지 상단의 HTML입니다 :

<div id='header'> 
<div id='pagetop'></div> 
</div> 

그리고 이것은 실패 호출입니다 :

$.scrollTo('#pagetop',800) 

이 줄을 실행하려고하면 오류 메시지가 나타나지 않으므로 scrollTo가 제대로로드되었다는 것을 알 수 있지만 whe n 전화를 걸면 아무것도 안합니다.

도움을 주시면 감사하겠습니다.

+0

사용할 수 있습니까? –

+0

오류가 있습니까? –

+0

@experimentX 오류가 없습니다. –

답변

8

jQuery에는 scrollTo 메소드가 없습니다. 그러나 .scrollTop()help을 개체에 사용할 수 있습니다.

$('#pagetop').scrollTop(800); 

업데이트

그냥보기에 스크롤 요소를 원한다면, 당신은 기본 DOM 방법을 사용할 수 있습니다

$('#pagetop')[0].scrollIntoView(); 

또는

document.getElementById('pagetop').scrollIntoView(); 

을 데모 : http://www.jsfiddle.net/UHhDT/

업데이트 2

jQuerys scrollTop.animate() 사용할 수 있습니다. 예를 들어

$(document.body).animate({scrollTop: $('#pagetop').offset().top}, 2000); 

:

데모 : 문제를 해결하는 데 도움이 페이지 이상의 페이지의 콘텐츠에 대한 링크가 있습니까 http://www.jsfiddle.net/UHhDT/1/

+0

.scrollTop()도 작동하지 않습니다. 오류가 없거나 아무 일도 일어나지 않습니다. 단순히 아무 일도 일어나지 않습니다. 또한 scrollTo는 jQuery 플러그인입니다. http://flesler.blogspot.com/2007/10/jqueryscrollto.html –

+0

@James : 그 플러그인을 사용하고 있다고 언급 했어야합니다. – jAndy

+0

.scrollIntoView 메서드는 다른 모든 기능을 수행 할 수없는 것처럼 보였습니다.모든 실제적인 목적을 위해, 이것은 내가 찾고 있었던 것이지만, 디자인을 위해서, 슬라이딩 애니메이션으로 보이기를 원한다고 가정 해 봅시다. 어떻게하면 좋을까요? 명확히하기 위해 : 기본적으로 사용자가 페이지 상단으로 스크롤하도록 강요하고 싶습니다. 주변 요소를 이동시키지 않을 것입니다. 감사합니다. –

관련 문제