如何创建一个菜单，使浏览器窗口滑动到div？

Question

好的，所以这是我试图模仿的效果：

http://www.lukestevenson.me/

http://sohacks.com/

请注意，当单击菜单项时，菜单会滑动到相应的div。 我怎么能用菜单做到这一点？ 我的网站是willowlake.github.io。

谢谢。

编辑：谢谢你们！ 不要在这个简单的问题上浪费你的时间，它已经得到了深入的回答。

Answer 1

用这个

Tiny Scrolling是一个小脚本，专门用于支持内部链接和目的地之间的导航。 它用页面本身的平滑滚动替换了页面各个部分的令人讨厌和令人困惑的跳转。

下载脚本（.js）

微小的滚动

Answer 2

看看这个：

如何制作DIV幻灯片？

Answer 3

将此添加到您的script ，您将能够获得效果。

$('#idOfYourMenuItem').click(function(){
    $('html, body').animate({ scrollTop: $('#idOfYourDiv').offset().top });
});