jQuery localScroll
<p>I am trying to use jQuery.localScroll, and the onBefore and onAfter events are being triggered but it is not scrolling. Below is the html followed by the javascript.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"[]&gt; 
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head id="ctl00_ctl00_ctl00_ContentPlaceHolderDefault_head"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;

  &lt;link href="css/Site.css" rel="stylesheet" type="text/css" /&gt;    

  &lt;script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../scripts/jquery.scrollTo-min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../scripts/jquery.localscroll-min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../scripts/Site.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body id='blue-phoenix'&gt;
  &lt;div id="wrapper"&gt;
    &lt;div id="topNavigation"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#home" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#who-we-are" title="Who We Are"&gt;Who We Are&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#what-we-do" title="What We Do"&gt;What We Do&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#who-for" title="Who For"&gt;Who For&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#blue-lounge" title="Blue Lounge"&gt;Blue Lounge&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#bits-n-bobs" title="Bits n Bobs"&gt;Bits n Bobs&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#connect" title="Connect"&gt;Connect&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="home"&gt;
      &lt;div class="inner"&gt;
        &lt;img alt="Blue Phoenix" src="/media/50/logo_col.png" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="body"&gt;
      &lt;form method="post" action="/default.aspx" id="aspnetForm"&gt;
        &lt;div&gt;
          &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUENTM4MWRk5+wj/nfDCFMUtHbyaacEc3PDsFKgOQnVhOrvbLH95Q8=" /&gt;
        &lt;/div&gt;

        &lt;div id="who-we-are" class="section" style="background-image:url(bkgrd02.jpg)"&gt;
          &lt;div class="inner"&gt;
            &lt;div class="content"&gt;
              &lt;div class="inner-content"&gt;
                &lt;h3&gt;Who We Are&lt;/h3&gt;
                &lt;p&gt;Duis vitae urna dui. Nullam vel lobortis erat. Cras suscipit lorem vel nulla sodales vel facilisis diam.&lt;/p&gt;
                &lt;a class="action" href="/who-we-are.aspx"&gt;Read more...&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div id="what-we-do" class="section" style="background-image:url(bkgrd02.jpg)"&gt;
          &lt;div class="inner"&gt;
            &lt;div class="content"&gt;
              &lt;div class="inner-content"&gt;
                &lt;h3&gt;Who We Are&lt;/h3&gt;
                &lt;p&gt;Duis vitae urna dui. Nullam vel lobortis erat. Cras suscipit lorem vel nulla sodales vel facilisis diam.&lt;/p&gt;
                &lt;a class="action" href="/who-we-are.aspx"&gt;Read more...&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>
</p>

<p>Below is the javascript</p>

<pre><code>$.noConflict();
jQuery(document).ready(function ($) {
  /*** DROPDOWN MENU ***/
  $("#topNavigation ul li").hover(function () {
    $("ul:hidden", this).slideDown("fast");
  }, function () {
    $("ul:visible", this).slideUp("slow");
  });
  $("#topNavigation ul ul").hide();

  /*** LOCALSCROLL ***/
  $.localScroll({
    onBefore: function (e, anchor, $target) {
      // The 'this' is the settings object, can be modified
    },
    onAfter: function (anchor, settings) {
      // The 'this' contains the scrolled element (#content)
    }
  });
});
</code></pre>

<p>Any ideas why the scroll effect is not happening?</p>
