HTML Dynamic scrollTop с Jquery BTN

Question

Итак, я создал веб-сайт на WordPress, на котором мне нужно поместить стрелку, которая прокручивает страницу вниз, и она работает, но только один раз, и мне нужно, чтобы эта кнопка работала на дырочной странице.Это код:

<script type="text/javascript">
  $(document).ready(function(){
    $('.ir-abajo').click(function(){
      $('body, html').animate({
        scrollTop: '220px'
      }, 200);
    });
  });
</script>

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/