Устранение неполадок с гладкой вертикальной прокруткой с помощью jQuery

Question

Я создаю веб-страницу, которая является непрерывной прокруткой, с навигацией, которая должна переходить в другое место на странице. Я пытаюсь следовать this example и реализовать эффект гладкой прокрутки jQuery. HTML работает нормально - ссылки вы попадаете в другое место на странице при нажатии, но эффект прокрутки jQuery не работает.

Вот важная часть HTML:

<ul> 
    <li><a href="#"><h1>work</h1></a></li> 
    <ul class="nav"> 
    <li><a href="#section1"><p class="nav_p">project1</p></a></li> 
    <li><a href="#section2"><p>project2</p></a></li> 
    <li><a href="#section3"><p>project3</p></a></li> 
    <li><a href="#section4"><p>project4</p></a></li> 
    <li><a href="#section5"><p>project5</p></a></li> 
    <li><a href="#section6"><p>project6</p></a></li> 
    <li><a href="#section7"><p>project7</p></a></li> 
    <li><a href="#section8"><p>project8</p></a></li> 
    </ul> 

<li><a href="#"><h1>about</h1></a></li> 

<li><a href="#"><h1>contact</h1></a></li> 
</ul> 

И это Javascript до сих пор: (это точно так же, как то, что на обучающей странице соединился сверху)

$(function() { 
    $('ul.nav a').bind('click',function(event){ 
     var $anchor = $(this); 

     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500,'easeInOutExpo'); 
     event.preventDefault(); 
    }); 
}); 

У кого-нибудь есть идеи, почему это не работает для меня? Спасибо!

Answer 1

Я только что удалили 'easeInOutExpo':

$(function() { 
    $('ul.nav a').bind('click',function(event){ 
     var $anchor = $(this); 

     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500); 
     event.preventDefault(); 
    }); 
});