Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在html网页上添加动画滚动选项？_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在html网页上添加动画滚动选项？

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

javascript html css

Javascript 如何在html网页上添加动画滚动选项？,javascript,html,css,Javascript,Html,Css,我最近开始学习html和CSS。我不懂javascript，但我很快就会学会。我想知道如何使用页面上的链接以动画方式将页面向下滚动到同一页面的另一部分。例如，如果页面有两个部分，一个“主页”和一个“关于我”部分，我需要一个链接，可以将页面从主页部分向下滚动到关于我的部分。在没有javascript的情况下可以做到这一点吗 对于您想要跳转到的部分，如“关于我”部分，您要做的是创建一个锚定标记并为其提供一个id，然后在链接中，将link href source设置为锚定标记的id。这将使您的链接在单

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

对于您想要跳转到的部分，如“关于我”部分，您要做的是创建一个锚定标记并为其提供一个id，然后在链接中，将link href source设置为锚定标记的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>
Welcome to Stack Overflow可能重复！这篇文章很可能会被删除，因为它不符合允许提问的标准。有大量的可用资源。同样，这里也有人问过同样的问题：在HTML/CSS中，只有使用
滚动行为
属性（）才有可能复制它。然而，目前这几乎只在Firefox和Chrome中受支持。这意味着，如果需要在其他浏览器中工作，则需要使用（基于javascript的）polyfill。