单击锚链接时平滑滚动

Question

单击锚链接时平滑滚动我的页面上有几个超链接。一个常见问题，用户将阅读时，他们访问我的帮助部分。使用Anchor链接，我可以使页面滚动到锚和引导用户那里。有什么办法能让滚动顺利吗？但是请注意，他使用的是自定义JavaScript库。也许jQuery提供了这样的东西？

Answer 1

CSS 3的新热点。这比这个页面上列出的每一种方法都简单得多，而且不需要Javascript。只需输入下面的代码到您的CSS和所有的链接指向您自己的页面内的位置将有一个平滑的滚动动画。

html{scroll-behavior:smooth}

在此之后，指向div的任何链接都将顺利地滑到这些部分。

<a href="#section">Section1</a>

顺便说一句，我花了好几个小时努力让这个工作起来。在一些晦涩的注释部分找到了解决方案。这是一辆马车，在一些标签上是行不通的。在身体里不起作用。当我将它放在CSS文件中的html{}中时，它终于起作用了。