Why doesn't scrollTop work?

Question

JavaScript

Locally, the animation works, it does not work after integration to Bitrix.
Except scrollTop everything from js file works

<nav class="top-line__nav nav">

          <div class="nav__button"></div>

          <div class="nav__content" style="display: none;">
            <a href="#services" class="nav__link scrollTo">Услуги</a>
            <a href="#special-offers" class="nav__link scrollTo">Предложения</a>
            <a href="#our-project" class="nav__link scrollTo">Портфолио</a>
            <a href="#about-us" class="nav__link scrollTo">О компании</a>
            <a href="#process-order" class="nav__link scrollTo">Процесс</a>
            <a href="#testimonials" class="nav__link scrollTo">Отзывы</a>
            <a href="/katalog/" class="nav__link">Магазин</a>
            <a href="#footer" class="nav__link scrollTo">Контакты</a>
          </div>
        </nav>

$(document).on('click','.scrollTo', function(e){

    e.preventDefault();
    var currentBlock = $(this).attr('href');
    var currentBlockOffset = $(currentBlock).offset().top;


    $('html,body').animate({
      scrollTop: currentBlockOffset - 150
    },1200)

    $('.nav__content').hide()
})

Answer 1

The code is valid, most likely the js files are in conflict. Open the console, it should show an error.