在单个HTML页面中单击CSS或Javascript时平滑div标记之间的转换

在单个HTML页面中单击CSS或Javascript时平滑div标记之间的转换,javascript,html,css,Javascript,Html,Css,我在实现单个页面上不同div标记之间的平滑导航时遇到问题 假设我有一个包含5个不同标签的页面,其中有一个锚定标签,它将重新指向同一页面中的其他div标签。现在,如果我点击div标签中的一个锚定标签,它会重定向到同一页面中的其他div标签,这个效果会非常简单,没有平滑性,只是简单的拖放 所以我需要将这个效果设置成动画,具有某种滑动效果。 像 在上面的站点中,当您单击“WHAT'S YOUR G'NOSH”标签时,您将滑到相应的挖掘位置。我需要这个功能,并尝试过moz transition:ease

我在实现单个页面上不同div标记之间的平滑导航时遇到问题

假设我有一个包含5个不同标签的页面,其中有一个锚定标签,它将重新指向同一页面中的其他div标签。现在,如果我点击div标签中的一个锚定标签,它会重定向到同一页面中的其他div标签,这个效果会非常简单,没有平滑性,只是简单的拖放

所以我需要将这个效果设置成动画,具有某种滑动效果。 像

在上面的站点中,当您单击“WHAT'S YOUR G'NOSH”标签时,您将滑到相应的挖掘位置。我需要这个功能,并尝试过moz transition:ease 0.6s。所有这些都还没有找到解决方案,请帮忙。
问候。

请参阅。希望有帮助。

G'NOSH正在使用jQuery arctic_滚动插件进行内部滚动链接。你可以找到它和它的指南。

它的SimpleMan使用这个插件:

任何链接的html:

单击链接时显示的Div:


我是UI/Ux设计师,天生就有一副耳机

这是纯css解决方案,但仅适用于现代浏览器


@Mr.Alien:看看这个例子。对了,男人。。。谢谢,这本书和北极卷轴一样有效