HTML5/jQuery - 페이지 입력 값으로 스크롤

Question

이미지 문서 판독기가 있고 헤더에 입력 [숫자] 필드가 있습니다. 아이디어는 사용자가보고 싶은 페이지 (이미지)를 입력 할 수 있으며 해당 페이지가 해당 div로 부드럽게 스크롤됩니다. 문서의 페이지가과 같이, 자신의 div가 표시됩니다

<div class="score-header"> 
    <section class="nav"> 
     <input type="number" id="page" /> 
    </section>  
</div> 

: 여기 내 코드의 방법이 있나요

<div class="page-one"> 
    <img src="page1.jpg" alt="" /> 
</div> 
<div class="page-two"> 
    <img src="page1.jpg" alt="" /> 
</div> 

그 사용자가 번호를 삽입하고 클릭 입력하거나 버튼, 웹 페이지가 문서의 해당 페이지를 아래로 스크롤합니다.

N.B. 헤더는 jQuery를 통해 항상 웹 페이지 상단에 붙어 있습니다.

Answer 1

이와 비슷한 것은 무엇입니까?

$(document).ready(function(){ 

$('#page').change(function() { 
    $("page-div").eq($("#page").val()-1); 
    //this selector takes the input value and subtracts 1 because the count starts in 0 so it will select the corect div .... 

    //i do not know how to scroll down.... i tryed this but did not work.... you need scroll to the possition of the selected div 
    $("#page-one").animate({scrollTop: $("#page-one").offset().top}); 
}); 

}); 내 질문 : 답변 가능하면

http://jsfiddle.net/ukjvS/13/show

http://jsfiddle.net/ukjvS/13/ 할 이유

HTML & CSS blogger side menu?