Прокрутка сайта не работает с Chrome SmoothScroll

Question

Поэтому мой друг спросил меня, знаю ли я, почему один из его старых сайтов (созданный в 2014 году) больше не работает. Погуглив немного, я обнаружил, что это из-за того, что в версии Chrome 61 реализована плавная прокрутка по умолчанию, и если вы попытаетесь вместо этого загрузить скрипт, это нарушит поведение браузера.

На его сайте я обнаружил, что он использует этот скрипт: https://github.com/themicon/smoothscroll/blob/master/smoothscroll.js

У него есть меню с несколькими кнопками, каждая из которых имеет строку кода, которая выглядит следующим образом:

<a href="#about" data-toggle="collapse" data-target=".navbar-collapse">ABOUT US</a>

И это должно привести к строке кода, которая выглядит следующим образом:

<section id="about">
         <div class="container">
            <div class="row">
         </div>
            </div>
</section>

Сайт по-прежнему отлично работает с Firefox и другими браузерами, так что я не знаю, честно ли мне нужно было бы изменить, я попытался найти обновленную версию скрипта, где, возможно, автор исправил проблему и обнаружил это:

https://github.com/galambalazs/smoothscroll-for-websites/blob/master/SmoothScroll.js

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

На самом конце сайта загружены следующие скрипты:

  <!-- Bootstrap --> 
  <script src="js/jquery-1.11.0.min.js"></script> 
  <script src="js/bootstrap.min.js"></script> 
  <!-- Animation --> 
  <script type="text/javascript" src="js/animation/jquery.appear.js"></script>        
  <!-- AJAX Contact Form -->          
  <script type="text/javascript" src="js/contact/contact-form.js"></script>
  <!-- Lightbox --> 
  <script src="lightbox/ekko-lightbox.js"></script>       
  <!-- Isotope -->     
  <script src="js/isotope/jquery.isotope.min.js"></script>
  <script src="js/isotope/custom-isotope.js"></script>
  <!-- Slider Revolution 4.x Scripts -->
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.js"></script>
  <script>
     var revapi;

          jQuery(document).ready(function() {

                 revapi = jQuery('.tp-banner').revolution(
                  {
                          delay:9000,
                          startwidth:1170,
                          startheight:500,
                          fullScreen:"on",
                          forceFullWidth:"on",
                          minFullScreenHeight:"320",
                          videoJsPath:"rs-plugin/videojs/"
                  });

          }); //ready
  </script>
  <!-- Custom -->
  <script src="js/custom.js"></script> 
  <!-- Parallex -->
  <script src="js/parallex/script.js"></script> 
  <!-- ScrollTo -->
  <script src="js/nav/jquery.scrollTo.js"></script> 
  <script src="js/nav/jquery.nav.js"></script> 
  <!-- Sticky -->
  <script type="text/javascript" src="js/sticky/jquery.sticky.js"></script>
  <!-- Donut Chart --> 
  <script type="text/javascript" src="js/progress-bars/jquery.donutchart.js"></script> 
  <script>
     $("#donutchart1").donutchart("animate");
     $("#donutchart2").donutchart("animate");
     $("#donutchart3").donutchart("animate");
     $("#donutchart4").donutchart("animate");
     $("#donutchart5").donutchart("animate");
     $("#donutchart6").donutchart("animate");
     $("#donutchart7").donutchart("animate");
     $("#donutchart8").donutchart("animate");         
  </script>        
  <!-- Owl Carousel --> 
  <script src="owl-carousel/owl-carousel/owl.carousel.js"></script>
  <!-- SmoothScroll --> 
    <script type="text/javascript" src="js/SmoothScroll/SmoothScroll.js"></script>
  <!-- Retina --> 
    <script type="text/javascript" src="js/retina/retina.js"></script>
    <!-- FitVids -->
    <script type="text/javascript" src="js/jquery.fitvids.js"></script>