scrollTo 함수를 사용하는 방법은 무엇입니까?

<div id="myButton">Home</div>에서 다른 div 지점의 중심으로 스크롤하는 방법을 찾고 있습니다. 이것의 목적은 4 페이지가 있고 그것들을 페이지 다음에 오는 탐색 막대 (중앙에 완벽하게 머물러 있음)로 서로 옆에 놓기를 원하기 때문입니다. 왜 작동하지 않습니까?scrollTo 함수를 사용하는 방법은 무엇입니까?

여기있는 내가 가지고 JSfiddle

$('div#myButton').click(function() { 
    $.scrollTo($('div#myDiv'), 500); 
});

<body> 

<div id="myButton">yo</div> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
..... 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<div id="myDiv">hello</div> 

<script> 

$("div#myButton").click(function() { 
$('html, body').animate({ 
    scrollTop: $("div#myDiv").offset().top }, 2000); 
}); 

</script> 


</body>

를하지만 여전히 작동하지 않습니다!

출처

2013-06-04 maxmitch

[jQuery에는 scrollTo 함수가 없습니다.] (http://jquery.com/?s=scrollto). [scrollTo plugin] (http://flesler.blogspot.com/2007/10/jqueryscrollto.html)을 언급하고 있습니까? – lanzz

은 플러그인없이 수행 할 수 있습니다.

계획이 조금 변경되었습니다.

$("div#myButton").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("div#myDiv").offset().top }, 2000); 
});

출처

2013-06-04 16:21:08

x 방향이 아닌 y 방향 만? – maxmitch

당신은 또한 scrollLeft –

미안하지만 당신이 코드를 스크립트 태그에 넣는 것을 완전히 잊어 버렸습니까? 전에 다른 걸 넣어 줘야 해? – maxmitch

scrollTop을 스크롤 할 수 있습니다. otherDiv.offset().top이 사업부의 상단에 당신을 배치하고 otherDiv.height()/2을 추가하는 것은 사업부

$('div#myButton').click(function() { 
    var otherDiv = $('div#myDiv'); 
    $("html, body").scrollTop(otherDiv.offset().top + otherDiv.height()/2); 
});

Example on jsFiddle의 중심을 아래로 스크롤, 페이지의 상단 사업부

출처

2013-06-04 16:22:24 BrunoLM

이을의 중심에 정확히 될 것입니다 jquery 함수가 아닌 javascript 함수이며 window.scroll과 같습니다.