Пропустить и перейти к следующему классу

Question

Как этот прокрутить следующий класс?

var $root = $('html, body'); 
$('a.scroll-to-next-nav').click(function(){ 
    $root.animate({ 
     scrollTop: $($(this).closest('.header-icons').nextAll('.header-icons')).offset().top 
    }, 500); 
    return false; 
}); 

<div class="header-icons"><a href="#" class="scroll-to-next-nav" title="Go to next section">Go to next section</a></div> 


<div class="header-icons"><a href="#" class="scroll-to-next-nav" title="Go to next section">Go to next section</a></div> 
<div class="header-icons"><a href="#" class="scroll-to-next-nav" title="Go to next section">Go to next section</a></div> 

Answer 1

Попробуйте с этим:

scrollTop: $(this).closest('.header-icons').next('.header-icons').offset().top 

Вы хотите перейти к следующему DIV (next()), не nextAll()

Answer 2

надеюсь, что это помогает! :)

var $root = $('html, body'); 
var i=$('a.next').length, v=1; 
$('a.next').click(function(){ 
    var to = v<i ? $(this).closest('.page').next('.page').offset().top : 0; 
    $root.animate({ 
     scrollTop: to 
    }, 500); 
    if(v<i) {v++;} else {v=1;} 
    return false; 
});