Не срабатывает плавный переход по якорной ссылке

Не срабатывает плавный переход по якорной ссылке, а только резко.
http://testbcard.bootstrap.dtraduga.vh55.hosterby.com/index.php
При нажатии пункта меню О ПРОГРАММЕ резко переходит к разделу, а не плавно.

Код:

$(document).ready(function(){
    $("#collapsibleNavbar").on("click","a", function (event) {
        //отменяем стандартную обработку нажатия по ссылке
        event.preventDefault();
 
        //забираем идентификатор блока с атрибута href
        var id  = $(this).attr('href'),
 
        //узнаем высоту от начала страницы до блока на который ссылается якорь
            top = $(id).offset().top;
      
        //анимируем переход на расстояние - top за 1500 мс
        $('body,html').animate({scrollTop: top}, 1500);
    });
});

Используется - jquery/3.3.1/jquery.min.js

В чем косяк JS?

 

Да так и есть: http://joxi.ru/GrqgoOOHQ3jlE2
Только непонятно из-за чего? И самое интересное ошибка совсем в другом блоке, не относящемуся к плавному переходу. Это ошибка в блоке с открывающимся меню выбора городов.

 

т.е. если я этот блок с ошибкой перенесу в самый низ, то по сути переход должен заработать?
заработало, когда закомментировал эти строки с ошибками в обоих меню...
теперь все плавно переходит

 

а как-то иначе можно переписать этот код?

Код:

icon.addEventListener("click",activeMenu);

у меня просто еще не такие великие познания в js как у вас - я только учусь

 

так он то есть, в том то и дело просто находится на другой странице
http://testbcard.bootstrap.dtraduga.vh55.hosterby.com/discounts_for_points.php#
на разрешении 1199 и меньше - это меню выбрать город и категорию
и прикол в том что скрипт погасил все ссылки на этой странице, а переход нужен был только для одной

 

прямо вот так можно прописать?
http://joxi.ru/GrqgoOOHQ3jP72
или в var нельзя так делать?

 

К сожалению я еще в стадии изучения и пока еще не в курсе как это делать.
С проверкой я понял, только не понял куда ее правильно прописать.
Весь JS в одном файле лежит.
Может быть и стоило бы ту часть кода, которая отвечает за меню на 2 страницах просто прописать в сам файл, а не подключать к нему общий.

 

Вот как был решен вопрос, чтобы работало и на главной странице где плавный переход к блоку и с другой страницы:

Код:

<script>
        $(document).ready(function(){

        $("#collapsibleNavbar").on("click","a#smooth_transition", function (event) {
        //отменяем стандартную обработку нажатия по ссылке
        event.preventDefault();
 
        //забираем идентификатор блока с атрибута href
        var id  = $(this).attr('href'),
 
        //узнаем высоту от начала страницы до блока на который ссылается якорь
        top = $(id).offset().top;
        
        //анимируем переход на расстояние - top за 1500 мс
        $('body,html').animate({scrollTop: top-100}, 1500);
    });
});
</script>

его добавили не в общий файл с js а именно на главную страницу где нужен переход изначально.

А это в общем файле js:

Код:

var smooth_transition = document.getElementById("smooth_transition"),
    uri = document.activeElement.baseURI;
      if (!uri.match("/index.php") ) {
        console.log('1');
        smooth_transition.href = "http://bestcard3.local/index.php#nav-home";
      }else{
          console.log('2');
      }

 

Вернулся к этому вопросу. Все ошибки закрыл в консоли. Новый линк: testbcard.dtraduga.vh55.hosterby.com
Проблема вылезла в процессе тестирования. С главной переходит на ура. С остальных страниц не всегда переходит. Вернее просто лагает (то переходит то не переходит - непонятно из-за чего). Ссылка добавляется при клике по клику "О программе" а перехода нет.
Может есть у кого-нибудь предложения? Может как-то иначе реализовать?

Последняя реализация:

Код:

var smooth_transition = document.getElementById("smooth_transition"),
    uri = document.activeElement.baseURI;
  if (!uri.match("/index.php") ) {
    smooth_transition.href = "index.php#nav-home";
  }

Признаки работоспособности имеются, только непонятно надолго ли...
Кто может плиз тест у себя с главной страницы и любой другой.

 

Этот вариант я просто нашел в сети и просто под себя приспособил. А как это можно реализовать при помощи jQuery?