css怎么实现平滑滚动效果

阅读：1211 来源：乙速云作者：代码code





  
  锚点平滑跳转

  



  
    box1
    box2
    box3
  

  box1

box2

box3 回到顶部

html {
 scroll-behavior: smooth;
}

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

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

分享到：

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们： hlamps#outlook.com （#换成@）。

上一篇： iOS上css中fixed绝对定位实效怎么解决

下一篇： css怎么实现文本单行省略号和多行省略号效果

你可能感兴趣