平滑滚动功能被陷在Chrome

Question

我的网页上的平滑滚动功能似乎被点击的导航链接之后被卡住，并滚动目标：

http://www.samnorris.net/portfolio-ss/

在Chrome鼠标滚轮似乎在出现某些奇怪的原因之前，它会被卡住约2-3秒。在Firefox中正常工作。

这是我的代码：

/////////////////////////////////////////////////////////////////////////// 
// Scroll Functions 
/////////////////////////////////////////////////////////////////////////// 

if($(window).scrollTop()!=0){ 
    calculatepositionmenu(); 
}; 

$(window).on('scroll',function(){ 

    //Top menu 
    calculatepositionmenu(); 

    //select menu section 
    $("body section").each(function (index) { 
     if($(this).isOnScreen()){ 
      $('#mainMenu a').removeClass('select'); 
      $('#mainMenu a[href="#'+$(this).attr('id')+'"]').addClass('select'); 
     } 
    }); 
}); 


/////////////////////////////////////////////////////////////////////////// 
// Main menu scroll to 
/////////////////////////////////////////////////////////////////////////// 

$("#mainMenu a,#mainheader a").on('click', function() { 
    $("#menu-container").removeClass('open'); 
    if($(this).data("scrollto")){ 
     $('html, body').animate({ 
      scrollTop: $($(this).data("scrollto")).offset().top 
     }, 1200); 
     return false; 
    } 
}); 

HTML：

<div id="menuWrapper"> 
<section id="menu-container"> 
    <div class="container"> 
     <div id="mainMenu"> 
      <!-- Site logo--> 
      <a class="menulogo logo" href="#" data-scrollto="#mainheader"> 
       <img alt="Sam Norris - Online Portfolio" src="$ThemeDir/img/menu-logo.png"></a> 
      <nav> 
       <!-- Principal menu --> 
       <a href="#" data-scrollto="#about">The Man</a> 
       <a href="#" data-scrollto="#services">The Plan</a> 
       <a href="#" data-scrollto="#work">My Work</a> 
       <a href="#" data-scrollto="#process">My Process</a> 
       <a href="#" data-scrollto="#contact">Contact</a> 
       <a href="#" data-scrollto="#blog">Blog</a> 
      </nav> 
     </div> 
    </div> 
</section> 

任何帮助都将不胜感激。干杯。

Answer 1

您的服务器正在将您的主JavaScript文件标记为http://www.samnorris.net/portfolio-ss/themes/portfolio/js/main.js，其中包含恶意代码，因此将其返回为403/404 - 因此您网站上的脚本未加载。

看看浏览器的控制台窗口。下面是它的截图：

解决方案是自己更改服务器设置或联系您的主机。