滚球app平台

SEARCH

滚球app平台动态

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

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

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

当当当当!

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

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


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


 

丨滚球app平台科技

咨询直线:186-2370-8562  官方网站:gflooring.net

 

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

LOGO

地址

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

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

联系

18623708562
[email protected]
滚球app平台(集团)责任有限公司- 官网 版权所有 盗版必究 备案号: 内容声明:网站内容中非对滚球app平台进行介绍(包括但不限于案例、资讯)的描述内容仅供参考,如用户发现有任何违法/侵权信息,请立即联系我们删除