jQuery를 내 펜 그게 전부 요소

Question

로 이동하지 않습니다

http://codepen.io/helloworld/pen/EAfFD

나는 ID4와 요소에 스크롤 JQuery와 기대, 그러나 아무 일도 발생하지 않습니다.

왜?

<div id="container"> 
    <div id="id1" style="height:400px;background:blue;"></div> 
    <div id="id2" style="height:400px;background:red;"></div> 
    <div id="id3" style="height:400px;background:green;"></div> 
    <div id="id4" style="height:400px;background:orange;"></div> 
</div> 

$(document).ready(function() { 

var container = $('#container'); 
var scrollTo = $('#id4'); 

container.animate({scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 
      }); 
}); 

Answer 1

시도 :

var container = $('html,body'); 
var scrollTo = $('#id4'); 
container.animate({ 
     scrollTop:scrollTo.position().top 
}, 'slow'); 

데모 :: jsFiddle

Answer 2

당신이 실행하려는 코드는 다음과 같은 오류 제공 :

Uncaught ReferenceError: $ is not defined

이 jQuery를가 없다는 것을 의미를 포함.

그게 해결되지 않으면, 또한 example입니다 여기에

$('html, body').animate(
{ 
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 
}); 

에

container.animate(
{ 
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 
}); 

을 변경해보십시오.