使命名锚点链接滚动到div

Question

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

它是一个只有一个页面的站点，所有的超链接都使用锚点转到页面的某个区域。单击链接，例如：

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

它将跳转到下面的部分：

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

使用jQuery使跳转到节平滑滚动到节的最佳方式是什么？

非常感谢时间

Answer 1

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

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

Answer 2

这只是一个经典的想法：

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

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