在jquery中停止特定页面的滚动条

Question

我是新来的vue请帮助我。我使用scrollTop＆amp;创建了一个登陆页面。 jquery缓动插件

$(function() {
$('.navbar-nav a').bind('click', function(event) {
    debugger
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top - 0
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
  });
});

$(window).on('load', function () {
     $('.status').fadeOut();
     $('.preloader').delay(350).fadeOut('slow');
 });

jQuery(document).ready(function () {
   wow = new WOW(
        {
        animateClass: 'animated',
        offset: 100,
        mobile: true
        }
      );
  wow.init();
});

现在，当用户点击定价时，它会向下移动到同一着陆页的定价部分

这是我的问题，现在当用户点击登录页面然后它移动到新页面。因为上面这个jquery。它抛出错误（语法错误，无法识别的表达式：＃/ login）beacuse以上jquery在同一页面中搜索#login但我想将此登录页面视为新的（即上面的jquery将禁用此登录导航） 这是我的vue组件标题导航

         <div class="collapse navbar-collapse" id="navbarsExample07">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#how-it-work">How it work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pricing">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#faq">FAQ</a>
                    </li>
                     <li class="nav-item">
                      <router-link :to='"/login"' class="nav-link" exact> Login</router-link>
                     </li>
                </ul>

            </div>