javascript - 如何在同一页面中下到不同部分并使用按钮一直上到上？

Question

我对javascript相当陌生。我被困在这段代码上。我正在尝试创建一个按钮来在网页的顶部和底部之间导航。最初，滚动到底部有效，但是一旦我单击返回到顶部按钮，向下滚动逻辑就会中断。我无法弄清楚我在哪里应用了不正确的逻辑。提前致谢

https://jsfiddle.net/riodahamster/9vtxh0aL/9/

var i = 1;
$(".scroll-top").click(function() {
  $("html, body").animate({
    scrollTop: 0
  }, "slow");
  window.icount = 0;
});



var icount = 0
$('.down-btn').on('click', function(e) {
  e.preventDefault();
  window.icount++;
  var offset = $("div.next-section").eq(icount).offset().top;
  $('html, body').stop().animate({
    scrollTop: offset
  }, 400);

});

标签： javascriptjqueryweb

Answer 1

代码工作正常。问题是你还没有添加 Jquery！

此外，您必须定位底部 div 以获取向下功能以将您移动到页面底部。在这种情况下，yello class div！

var i = 1;
$(".scroll-top").click(function() {
  $("html, body").animate({
    scrollTop: 0
  }, "slow");
  window.icount = 0;
});



var icount = 0
$('.down-btn').on('click', function(e) {
  e.preventDefault();
  window.icount++;
  var offset = $("div.next-section.yellow").eq(icount).offset().top;
  $('html, body').stop().animate({
    scrollTop: offset
  }, 400);

});