bootstrap視差平滑滾動問題

我已經創建了一個帶有bootstrap js框架的頁面，但是當我們使用向下滾動頁面時頁面滾動也非常緩慢地向上滾動。bootstrap視差平滑滾動問題

我無法找到任何解決辦法，如果任何機構可以告訴我，我能做些什麼來滾動此頁面流暢，非常有效

這裏是代碼剪斷

<body> 
    <div id="custom-navbar" class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-brand"> 
       <img src="imgs/logo.png"> 
      </div> 
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      </button> 
      <div class="collapse navbar-collapse navHeaderCollapse"> 
       <ul class="custom-navbar-ul"> 
        <li class="hoverY"><a href="#">HOME</a></li> 
        <li class="hoverY"><a href="#">BENEFITS</a></li> 
        <li class="hoverY"><a href="#">APPSBRITE<br> 
         WIDGET</a></li> 
        <li class="hoverY"><a href="#">PLACEMENT<br> 
         GUIDE</a></li> 
        <li class="hoverY"><a href="#">BLOG</a></li> 
        <li class="hoverY"><a href="#">ABOUT</a></li> 
        <li class="hoverN"> 
         <button type="button" id="sign-up" class="btn btn-sm"> 
          <a href="#">SIGN UP</a></button></li> 
        <li class="hoverN"> 
         <button type="button" id="sign-in" class="btn btn-sm"> 
          <a href="#">SIGN IN</a></button></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
    <div id="main"> 
     <div id="home-1" class="section" data-index="1" style="position: absolute; top: 0%;"> 
     </div> 
     <div id="home-2" class="section" data-index="2" style="position: absolute; top: 100%;"> 
     </div> 
     <div id="home-3" class="section" data-index="3" style="position: absolute; top: 200%;"> 
     </div> 
     <div id="home-4" class="section" data-index="4" style="position: absolute; top: 300%;"> 
     </div> 
     <div id="home-5" class="section" data-index="5" style="position: absolute; top: 400%;"> 
     </div> 
     <div id="home-6" class="section" data-index="6" style="position: absolute; top: 500%;"> 
      <div id="footer"> 
       <div id="copyright"> 
       </div> 
      </div> 
     </div> 
    </div> 
</body>

對於頁面的樣本，請參考http://jainert.5gbfree.com/

你會發現樣本頁面

來源

2014-09-30 Jones

這具有零做引導。

閱讀腳本的文檔。使用不閱讀文檔的腳本不明智。

https://github.com/alvarotrigo/fullPage.js/

$(document).ready(function(){ 
    $('#main').fullpage({ 
     scrollOverflow: false, 
     easing: 'easeInOutExpo', 
     autoScrolling: true, 
     scrollingSpeed: 1200, /* change this value to control the speed*/ 
     slidesNavigation: true 
});

來源

2014-09-30 18:18:39 Christina

哎克里斯蒂娜非常感謝你這是一個愚蠢的錯誤 – Jones 2014-10-02 12:24:08

bootstrap視差平滑滾動問題

回答

相關問題