html5中如何使用CSS实现平滑滚动效果

这篇文章将为大家详细讲解有关HTML5中如何使用CSS实现平滑滚动效果，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

使用CSS

完成功能的最高境界，只用CSS就搞定。代码如下：

html {
    scroll-behavior: smooth;
}

该样式的作用是为有滚动条的元素指定一个滚动的行为，但是只有在当用户手动导航或者 CSSOM scrolling api触发滚动的时候生效，不影响用户行为产生的滚动。

关于“html5中如何使用CSS实现平滑滚动效果”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。