Zum nächsten Klassenelement scrollen

Question

Wie kann ich zum next Klassenelement section scrollen und umgekehrt?

Im Folgenden sind der Code ich versucht habe bisher: -

<div class="section"> 
    content 
</div> 
<div class="hero"> 
    content 
</div> 
<div class="midPage"> 
    content 
</div> 
<div class="section"> 
    content 
</div> 
<!-- Scroll Buttons --> 
<div class="prev"> 
<button class="prevButton">Prev</button> 
</div> 
<div class="next"> 
<button class="nextButton">Next</button> 
</div> 

Answer 1

prüfen diese fiddle

ich es schnell tat, nur Arbeits nächste Taste, nicht der beste Ansatz.

Überprüfen Sie die Datenattribute und wie funktioniert, ich wiederhole, das ist nicht der beste Ansatz.

$(".nextButton").on('click', function(e) { 

    var dataGoTo = $(this).attr("data-section"); 
    var next = $(dataGoTo).attr("data-next"); 

    $('html, body').animate({ 
    scrollTop: $(dataGoTo).offset().top 
    }, 500); 

    $(this).attr("data-section", next); 
});