2011-03-19 58 views

回答

0

optikalefxx帮我解决了这个问题。 http://www.youtube.com/watch?v=S6pzabpUmoc

HTML

<p class="navigation"> 
    <h2><a href="#link1">Link 1</a> | <a href="#link2">Link 2</a> | <a href="#link3">Link 3</a> | <a href="#link4">Link 4</a></h2> 
</p> 

的Javascript

$(function() { 
    // catch all clicks on a tags 
    $("a").click(function() { 
     // check if has hash 
     if(this.hash) { 
      // get rid of the # sign 
      var hash = this.hash.substr(1); 

      // get the position of the <a name> 
      var $toElement = $("a[name="+hash+"]"); 
      var toPosition = $toElement.position().top; 

      // scroll/animate to that element 
      $("body,html").animate({ 
       scrollTop : toPosition 
      },1500,"easeOutExpo"); 

      // don't do the jump 
      return false; 
     } 
    }); 

    if(location.hash) { 
     var hash = location.hash; 
     window.scroll(0,0); 
     $("a[href="+hash+"]").click(); 
    } 
}); 

希望它可以帮助你。