点击菜单按钮，网站滚动到div

Question

我正在infinte卷轴网站上制作个人作品集。现在我有4个div（家庭，生物，工作和联系）。我有一个带有4个名字的菜单的标题，与div相同。所以我想做的是当我在div“Home”时点击一下触发器并单击菜单“Work”我希望浏览器向下滚动到第三个div，即“工作”。希望我能说清楚:)。

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

您应该使用@Jatin已经指出的<a href="#work">Work</a>方法。 但是你也应该为它修改你的div。例如，工作div应如下所示：

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

有关详细信息，请查看this page。