带有jQuery btn的HTML动态scrollTop

Question

因此，我在WordPress上创建了一个网站，我需要在页面上放一个向下滚动的箭头，它可以正常工作，但是只有一次，并且我需要该按钮在整个页面上工作。 这是代码：

 "lib": [
      "es2017",
      "esnext.array",
      "dom"
    ]

Answer 1

我想我明白你在说什么。您只需要包括已经设置的滚动顶部，然后添加要滚动的更多内容即可。它工作一次是因为滚动顶部为0，然后将其设置为220，但是每次将220设置为220之后。请尝试：

$(document).ready(function(){
  $('.ir-abajo').click(function(){
    var newScrollTop = ($(document).scrollTop() + 220) + 'px';
    $('body, html').animate({
      scrollTop: newScrollTop
    }, 200);
  });
});

还有一个小提琴：https://jsfiddle.net/tk9oxfpe/