Элемент прокрутки в верхней части контейнера onclick

Question

У меня есть раздел, содержащий элементы отдельных элементов.

Мне нужно прокрутить число 5, как 1-й div. Аналогично тому, как на странице прокрутки.

Мне нужно анимировать это также. И прокрутите его до уровня выше. как 1-й. Меня не волнует, если верхние DIV кроются

<section> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
</section> 
<button> Click and show Div 5 up</button> 

JS

$("button").click(function() { 

    $('div:eq(5)').animate({scrollTop: $('div:ep(0)'}, 3000); 
}); 

Я оставляю вам код ->

http://codepen.io/blackersoul/pen/KwLkj

Answer 1

массивы Javascript с нуля. Так пятый элемент в этом случае на самом деле 4. (0 - 1 - 2 - 3 - 4)

Попробуйте это:

$("button").click(function() { 
    var offset = $("div:eq(4)").offset().top; 
    $('section').scrollTop(offset, 2000); 
}); 

WORKING EXAMPLE