JQuery滚动到下一个类的实例

Question

所以我想要的是从当前可见类滚动到类的下一个实例。

HTML看起来像这样

<div class="container"> 
 <div class="section">
` <p> lorem ipsum </p>
  <a href="javascript:void(null)" class="next"> next section </a>
 </div>
<div>

^重复＆＃39; x＆＃39;次

我的js：

$(.next).click(function(e){
 $('html,body').animate({}, 
  scrollTop: $(this).parent().next().offset().top
  },'slow');

}）;

很明显，代码不起作用，因为它只是带你到下一个div，但我很新秀，非常感谢一些帮助。

小提琴：http://jsfiddle.net/o1wjedd5/

Answer 1

删除动画方法开头的},。

Answer 2

您需要使用.closest(".container")才能到达父容器。然后使用.next()

$(".next").click(function(e){

    $('html, body').animate({
        'scrollTop' : $(this).closest(".container").position().top
    });
});

Fiddle