Onclick菜單按鈕，網站滾動到div

Question

我正在一個infinte滾動網站上做個人投資組合。現在我有4個div（家庭，生物，工作和聯繫）。我有一個帶有4個名稱的菜單的標題，與divs相同。所以我想要做的是當我在div「Home」時觸發一個觸發器並點擊菜單「Work」我想讓瀏覽器向下滾動到第三個div，它是「Work」。希望我說清楚了:)

Answer 1

對於一些很基本的使用：

<a href="#work">Work</a> 

，或者你可以嘗試jQuery插件ScrollTo

Working Fiddle

Answer 2

如果您的工作部分有一個ID，用於實例work你可以這樣做：

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

一些流暢的動畫

Answer 3

您應該使用<a href="#work">Work</a>方法，因爲@Jatin已經指出。 但是你也應該修改你的div。例如，工作DIV應該是這樣的：

<div id="work">........</div> 

有關更多信息，請this page。