滚动元素到容器顶部onclick

时间:2014-01-20 16:57:09

标签: jquery html css3 scroll scrolltop

我有一个包含多个元素的部分。

我需要向上滚动数字5,就像第一个div。一样,就像典型的滚动页面一样。

我也需要动画。并且将其向上滚动到更高的。像第一个。我不在乎上层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);
});

我留下代码 - &gt;

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

1 个答案:

答案 0 :(得分:0)

Javascript数组从零开始。 因此,在这种情况下,第5个元素实际上是4.(0 - 1 - 2 - 3 - 4)

试试这个:

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

WORKING EXAMPLE