平滑滾動英雄單位的引導頁

我想實現在我的網站的平滑滾動，但一直沒有能夠使用任何可用的jQuery插件，因爲我不太熟悉JavaScript。在這方面的任何幫助將有所幫助。下面是相關的代碼：`平滑滾動英雄單位的引導頁

<div class="container-fluid" id="navigation"> 
    <div class="row-fluid"> 
     <div class="span2 "> 
      <div class=" sidebar-nav sidebar-nav-fixed"> 
       <h4><a href="#about" class="nav1 transition">About</a></h4> 
       <h4><a href="#ourservices" class="nav2 transition">Our Services</a></h4> 
       <h4><a href="#awards" class="nav3 transition">Awards</a></h4> 
      </div> 
     </div> 

     <div class = "span10" style="margin-top:30px"> 
      <div class="hero-unit " >         
       <div id="about" > 
        <h1 >About </h1>         
        <hr> 
        <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
       proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> 
       </div> 
       <div id="ourservices" > 
        <h1 >Our Services</h1>         
        <hr> 
        <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
       </div> 
       <div id="awards" > 
        <h1 >Awards</h1>         
        <hr> 
        <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
       quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
       consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
       cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
       proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

我的目的是要顯示在「關於」部分...和發言權服務的用戶點擊......英雄單位滾動到「服務」部分時。詳細答案將不勝感激，因爲我不是很熟悉JavaScript。非常感謝。

來源

2013-07-10 kaustubh

可以使用iscroll的jQuery插件，才能... Iscroll

我已經可以在移動網絡的網站上使用這個：smooth-scroll

去當年選擇page..there是平滑滾動實施。

來源

2013-07-10 07:00:16

平滑滾動英雄單位的引導頁

回答

相關問題