如何在html网页上添加动画滚动选项?

时间:2017-12-05 16:15:56

标签: javascript html css css3

我最近开始学习HTML和CSS。我不懂javascript,但我很快就会学到。我想知道如何使用页面上的链接以动画方式将页面向下滚动到同一页面的另一部分。例如,如果页面有2个部分,一个“主页”和一个“关于我”部分,我想要一个链接,将页面向下滚动到主页部分的about me部分。没有javascript可以做到这一点吗?

1 个答案:

答案 0 :(得分:0)

对于您要跳转到的部分,例如“关于我”部分,您要做的是创建一个锚标记并为其指定一个ID,然后在链接中将链接href源设置为id锚标记。这将使您的链接在单击时跳转到具有匹配ID的部分。现在,这将跳转到该部分,不一定以滚动方式为其设置动画。

示例:

link:
<a href="#about_me">About Me</a>

About me section
<a id="about_me">About Me section</a>

您甚至可以将锚标记留空,链接仍会跳转到该部分,如下所示:

<a id="about_me"></a>