如何創建一個菜單，使瀏覽器窗口滑動到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 });
});