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> 

^重複 'X' 次

我的JS：

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

}）;

很顯然，代碼不起作用，因爲它只是帶你到下一個div，但我很菜鳥，並會非常感謝一些幫助。

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

Answer 1

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

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

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

Fiddle

Answer 2

在你生命的方法開始拆除},。