相关疑难解决方法(0)

我想在页面的开头有4个按钮/链接,在它们下面有内容.

在按钮上我把这个代码:

<a href="#idElement1">Scroll to element 1</a>
<a href="#idElement2">Scroll to element 2</a>
<a href="#idElement3">Scroll to element 3</a>
<a href="#idElement4">Scroll to element 4</a>

在链接下将有内容:

<h2 id="idElement1">Element1</h2>
content....
<h2 id="idElement2">Element2</h2>
content....
<h2 id="idElement3">Element3</h2>
content....
<h2 id="idElement4">Element4</h2>
content....

它现在正在工作,但不能让它看起来更顺畅.

我使用了这段代码,却无法使用它.

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

有什么建议？谢谢.

编辑:和小提琴:http://jsfiddle.net/WxJLx/2/