移动平滑滚动与引导程序

Question

我正在使用bootstrap创建一个web，我想添加一个平滑的滚动效果。它在桌面上完美运行，但在移动版本中，当您单击菜单链接时，滚动比该部分的开头大得多。

我正在使用此代码：

// Smooth scrolling
  $(document).on('click', 'a[href^="#"]', function (event) {
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top -60
    }, 1000);
  });

// Closes responsive menu when a scroll trigger link is clicked
  $('.js-scroll-trigger').click(function() {
    $('.navbar-collapse').collapse('hide');
  });

// Activate scrollspy to add active class to navbar items on scroll
  $('body').scrollspy({
    target: '#mainNav',
    offset: 60
  });

您可以在http://pruebas.mareaestudio.com/raposo/

查看测试页

由于