Onclick 菜单按钮，网站滚动到 div答案

【问题标题】：Onclick menu button, website scrolls to divOnclick 菜单按钮，网站滚动到 div
【发布时间】：2014-02-28 00:37:53
【问题描述】：

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

【问题讨论】：

标签： javascript jquery html css scrollto

【解决方案1】：

对于一些非常基本的东西，使用这个：

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

或者你可以试试jQuery插件ScrollTo

Working Fiddle

【讨论】：

该代码只是打开一个空白页。关于 ScrollTo 插件，我不知道怎么用。
它不会打开一个空白页面。它向下滚动到该页面。
完整的例子你可以看看insitedesignlab.com/how-to-make-a-single-page-website
它正在工作，谢谢，我是新手，所以我搞砸了标签，现在我只需要一个动画。
很高兴能帮到你。

【解决方案2】：

如果您的工作部分有一个 id，例如 work，您可以这样做：

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

有一些流畅的动画

【讨论】：

我在哪里粘贴这个？！

【解决方案3】：

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

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

更多信息请查看this page。

【讨论】：