滚动条动画无法正常工作

我正在使用此js滚动到页面的标识。我从W3校拿走了它，并在我的其他网站上运行，所以我不明白为什么它不适用于我的新网站。它会转到页面的正确部分，但不会执行滚动动画。滚动条动画无法正常工作

JS：

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

     $(".navbar a, footer a[href='#myPage']").on('click', function (event) { 

      if (this.hash !== "") { 

       event.preventDefault(); 

       var hash = this.hash; 


       $('html, body').animate({ 
        scrollTop: $(hash).offset().top 
       }, 900, function() { 


        window.location.hash = hash; 
       }); 
      } 
     }); 
    }) 
</script>

HTML代码导航栏中：

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#about">ABOUT</a></li> 
       <li><a href="#clients">CLIENTS</a></li> 
       <li><a href="#sessions">SESSIONS</a></li> 
       <li><a href="#contact">CONTACT</a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

请让我知道如果你需要看到任何其他代码。谢谢！

来源

2017-07-07 Will

这应该工作。

您是否肯定新网站使用jQuery，并且您正在滚动的元素的ID是否正确？

您的控制台是否显示错误？

来源

2017-07-07 20:30:20 Dedering

没有错误，我正在使用jquery，并且ID是正确的 – Will

有没有可以提供的URL？ – Dedering

滚动条动画无法正常工作

回答

相关问题