曾经我认为网站的锚点滚动效果都是使用Javscript实现的,如果不用js实现的话就是一瞬间就跳转到了,用户体验较差
看了大部分网站都是用js实现的,直到我写了Hexo的Hexo-MengD(萌典)主题后
了解到了很多前端更深层的一些知识,我才知道原来这种效果可以使用css实现,甚至只需要一行即可实现,而如果使用的是js实现的话,少则50行代码、多则100+行代码
现在就只需要一行css就能实现,而且css的效率是完全吊打js的

1
2
3
html{
scroll-behavior: smooth;
}

就给html标签添加一个css属性样式就可以了,没了(是不是很震惊?)

文章作者: Lete乐特
文章链接: https://blog.lete114.top/article/Css-Anchor-scroll.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Lete乐特's Blog
  • alipay
  • wechat

评论