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



我正在一个无限滚动网站上制作个人作品集。现在我有 4 个div(家庭、生物、工作和联系人)。我有一个标题,菜单上有 4 个名字,与div 相同。所以我想做的是在div"主页"并单击菜单"工作"时有一个触发器,我希望浏览器向下滚动到第三个div whick 是"工作"。希望我说清楚:)

对于真正基本的东西,请使用这个:

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

或者你可以试试jQuery插件ScrollTo

工作小提琴

如果你的工作部分有一个id,例如work你可以用:

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

带有一些流畅的动画

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

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

有关更多信息,请查看此页面。

最新更新