search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.49k stars 3.26k forks source link

[css] 第332天 css中Scroll-behavior属性有什么应用场景？ #2048

Open haizhilin2013 opened 4 years ago

haizhilin2013 commented 4 years ago

第332天 css中Scroll-behavior属性有什么应用场景？

作者：cxwht

我也要出题

Jvid commented 4 years ago

页面有hash做锚点的时候，可以在html和body上设置scroll-behavior: smooth;就会有一个简单过渡动画，但是这个属性支持的不是太好

lincimy commented 4 years ago

当用户手动点击导航或者API调用导致触发滚动操作时，scroll-behavior属性可以为滚动框设定滚动行为。auto表示立即滚动到指定位置，smooth则表示平滑过渡，需要一定的过度时间滚动到相应位置。 兼容性支持不太好： 2