滚动到下一个类元素

Question

如何滚动到名为next的{​​{1}}类元素，反之亦然？

以下是我到目前为止尝试的代码： -

section

Answer 1

选中此fiddle

我做得很快，只有下一个按钮工作，而不是最好的方法。

检查数据属性以及如何工作，我再说一遍，这不是最好的方法。

$(".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);
});