使命名锚链接滚动到div

Question

这是我的网站，存在以下问题： http : //www.londonadvertising.com/2011/

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

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

它将跳到以下部分：

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

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

非常感谢蒂姆

Answer 1

只是一个经典的主意：

演示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，它具有平滑的scrool和多种效果，例如使用它的示例：

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