box1

主要

html {
 scroll-behavior: smooth;
}

这样，在回到顶部的时候，会有动画不会立即过去，或有渐变动画
锚点，切换屏幕的时候也会有动画

.querySelector('#to-top').onclick = function (el) {
        document.body.scrollTop = document.documentElement.scrollTop = 0;
      }

感谢各位的阅读，以上就是“css怎么实现平滑滚动效果”的内容了，经过本文的学习后，相信大家对css怎么实现平滑滚动效果这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！