javascript - 在单个 HTML 页面中单击 CSS 或 Javascript 时 div 标签之间的平滑过渡

Question

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

假设我有一个包含 5 个不同标签的页面，并且它们中有一个锚标签，它将重定向到同一页面中的其他一些 div 标签。现在，如果我单击 div 标签内的一个锚标签，它会重定向到同一页面中的其他 div 标签，这种效果将非常简单且没有平滑度，只是简单的拖放。

所以我需要让这个效果具有某种滑动效果。像这样

在上面的站点中，当您单击“WHAT'S YOUR G'NOSH”标签时，您会向下滑动到相应的挖掘。我需要这个功能并尝试过 moz-transition: ease 0.6s。以及所有这些，但尚未找到解决方案，请帮助。问候。

score 1 · Accepted Answer

1

请参阅动画滚动效果。希望能帮助到你。

于 2012-07-22T08:16:34.130 回答

score 1 · Accepted Answer

G'NOSH 正在使用 jQuery arctic_scroll 插件进行内部链接滚动。你可以在这里找到它，它是指南。

score 0 · Accepted Answer

它的简单人使用这个插件： http ://www.kryogenix.org/code/browser/smoothscroll/

将上面的插件添加到<head>

任何链接的html：

<a href="#about">About me</a>

单击链接时显示的 Div：

<div id="about">I am UI/Ux designer born with a pair of headphone</div>

score 0 · Accepted Answer

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

4 回答 4