码迷,mamicode.com
首页 > Web开发 > 详细

css3中的scroll-behavior属性 让滚动条可以平滑滚动

时间:2020-05-15 20:06:36      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:convert   ace   src   包括   滚动   apple   平滑滚动   source   image   

scroll-behavior属性

当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,当用户通过鼠标滑轮滚动或者手机触屏滚动,不受这个属性的影响。在根元素中指定这个属性时,它反而适用于视窗。

scroll-behavior属性包括: smooth | auto;

auto: 默认值,表示滚动框立即滚动到指定位置。 smooth 表示允许滚动时采用平滑过渡,而不知直接滚动到相应位置,最常见的比如回到顶部按钮和锚点。

技术图片

 

css3中的scroll-behavior属性 让滚动条可以平滑滚动

标签:convert   ace   src   包括   滚动   apple   平滑滚动   source   image   

原文地址:https://www.cnblogs.com/HZGSir/p/12896560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!