konstantindeveloper

У вас ошибка во второй функции. При каждом скроле страницы на кнопки $arrow подвешивается событие click. Тоесть условно говоря за "одну прокрутку" у Вам может подвешаться 100 событий. Это в свою очередь значит, что после того, как вы нажмете по кнопке "вверх" у Вас с интервалов в 800мс начнем запускаться анимация 100 раз. Соответсвенно каждые 800мс у Вас страница скороллиться наверх, поэтому Вы и не можете проскролить ее вниз.

Решение проблемы, данный кусочек кода вынести за пределы функции:

$arrow.on('click', function(e){
      e.preventDefault();

      $('html, body').animate({
        scrollTop: 0
      },800);
    });

PS: Не забудте переменную $arrow определить