Smooth Scrolling the hero-unit загрузочной страницы

Question

Я пытаюсь реализовать плавную прокрутку на своем веб-сайте, но не смог использовать ни один из доступных 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. Большое спасибо.

Answer 1

Вы можете использовать iscroll как плагин JQuery ... Iscroll

Я использовал это в мае мобильный веб-сайт: smooth-scroll

перейти к page..there выбора года является беспрепятственное осуществление прокрутки ,