使命名锚链接滚动到div

Question

这是我的网站，我遇到了问题：http://www.londonadvertising.com/2011/

这是一个单页网站，所有超链接都使用锚点转到页面区域。点击以下链接：

<a href="#news">News</a>

它会跳到以下部分：

<li id="news" class="section_wrapper">

使用jQuery跳转到部分平滑滚动到部分的最佳方法是什么？

非常感谢 添

Answer 1

只是一个经典的想法：

<强> DEMO jsBin

$('#nav li').click(function(){
  var liInd = $(this).index();
  var pagePos = $('.page').eq(liInd).position().top;

  $('body').stop(1).animate({scrollTop: pagePos},1000); 
}); 

Answer 2

你可以使用jquery插件jQuery.ScrollTo 它有一个流畅的滚动和各种效果， 使用它的例子：

$.scrollTo( '#target-examples', 800, {easing:'elasout'} );