2014-12-23 91 views
0

不工作得到了另一個今天一個,jQuery的scrollTo,插件在Firefox

所以我實現the jQuery scrollTo插件昨天,一切都在Chrome,IE瀏覽器工作正常,但不能在Firefox。控制檯日誌記錄已啓用 - 未顯示錯誤。 似乎滾動功能確實執行,但我沒有看到任何滾動發生。

在Windows 8.0下使用Firefox 28.0在OpenSUSE 12.3和Firefox 34.0下測試。

這裏是到目前爲止我的代碼: HTML

$(document).ready(function() { 
    $('a.navLink').on('click', function(event) { 
     event.preventDefault(); 
     var target = $(this).attr('href'); 

     if(target.length) { 
      if($("html, body").scrollTo(target, { offset: -128, duration: 750, easing: "easeOutCirc" })) { 
       console.log("scrolling..."); 
      } else { 
       console.log("I had ONE job..."); 
      } 
     } 
    }); 
}); 

HTML:

<nav id="nav"> 
    <ul> 
     <li> 
      <a class="navLink" href="#home">HOME</a> 
     </li> 
     <li> 
      <a class="navLink" href="#info">INFO</a> 
     </li> 
     <li> 
      <a class="navLink" href="#pics">PICS</a> 
     </li> 
    </ul> 
</nav> 

<section id="home"> 
    <!-- stuff --> 
</section> 

<section id="info"> 
    <!-- stuff --> 
</section> 

<section id="pics"> 
    <!-- stuff --> 
</section> 

我看到了一個類似的問題在這裏(無法找到URL ATM)的地方被發現的adblocker/security addOn/plug-In導致OP出現此問題。我的測試瀏覽器中沒有安裝這樣的插件/插件。

任何幫助表示讚賞。

回答

0

試試這個:

$(document).ready(function() { 
    $('a.navLink').on('click', function(event) { 
     event.preventDefault(); 
     var target = $(this).attr('href'); 
     if(target.length > 0) { 
      $("html, body").animate({ 
       scrollTop: $(target).offset().top - 128 
      }, 750); 
     } 
    }); 
});