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/

你会发现样本页面

答

这具有零做引导。

阅读脚本的文档。使用不阅读文档的脚本不明智。

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 
});

哎克里斯蒂娜非常感谢你这是一个愚蠢的错误 – Jones 2014-10-02 12:24:08

bootstrap视差平滑滚动问题

相关推荐