今日小技巧:
(1).scroll-behavior属性
值:auto:立即滚动,一瞬间。
smooth:通过一个用户代理预定义的时长、使用预定义的时间函数,来实现平稳的滚动。
作用:触发页面平滑过渡;
只要页面会有锚点跳转,或者滚动需求。都可通过在body中添加代码来实现平滑过渡。
如图:

(2).背景属性简写注意点:
背景中的position和size之间应用 / 分隔开,否则会错误。
如图:

但行好事,莫问前程!

今日小技巧:
(1).scroll-behavior属性
值:auto:立即滚动,一瞬间。
smooth:通过一个用户代理预定义的时长、使用预定义的时间函数,来实现平稳的滚动。
作用:触发页面平滑过渡;
只要页面会有锚点跳转,或者滚动需求。都可通过在body中添加代码来实现平滑过渡。
如图:
(2).背景属性简写注意点:
背景中的position和size之间应用 / 分隔开,否则会错误。
如图:
本文标题:2020-03-15篇
本文链接:https://www.haomeiwen.com/subject/hgyiehtx.html
网友评论