SEARCH

夸米动态

纯css锚点跳转过渡效果,告别JS,小白1分钟就会

2020-03-24 04:53:30 内容声明:以下内容仅供参考,我司未对内容做真实性核验,请用户注意分辨!如有任何违法/侵权信息,请立即联系我们删除

我们在浏览网站时,经常会看到返回顶部和楼层跳转的效果,但是这些大部分都是通过js来实现的。那么不用js也可以实现吗?答案是可以的。 

当当当当!

只需要给body,html写了一个scroll-behavior: smooth,只要有这个属性,就会使得锚点跳转有过渡效果。

可以说对于不懂js的小伙伴来说,这个属性简直就是好用到爆,而且过渡的流畅度还挺好的。


下面我们来了解下scroll-behavior:
 
语法:scroll-behavior有两个属性值,默认auto
 
auto:滚动框立即滚动
 
smooth:实现平稳的滚动
 
用法:哪个容器需要滚动就在那里加上scroll-behaviorr: smooth(简单粗暴的理解 - -!)


 

丨夸米科技

咨询直线:186-2370-8562  官方网站:www.quamae.com

 

*请认真填写需求信息,我们会在24小时内与您取得联系。

LOGO

地址

开封市示范区金泰云都会2号楼23层

开封市示范区集英街东吕庄5栋

联系

18623708562
[email protected]
重庆夸米网络科技有限公司 版权所有 盗版必究 备案号:渝ICP备16002041号-2 内容声明:网站内容中非对我司进行介绍(包括但不限于案例、资讯)的描述内容仅供参考,如用户发现有任何违法/侵权信息,请立即联系我们删除