首页 > Web开发 > 详细

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

时间:2020-05-15 20:54:27      阅读:102      评论:0      收藏:0      [点我收藏+]

scroll-behavior属性

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

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

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

技术分享图片

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!