scroll-behavior属性使用方法

定义和用法:

scroll-behavior 属性规定当用户单击可滚动框中的链接时,是否平滑地(具动画效果)滚动位置,而不是直线跳转。

属性值:

描述
auto 默认值。允许在滚动框内的元素间直接跳转的“滚动效果”。
smooth 允许在滚动框内的元素间平滑的“滚动效果”。

效果展示:

        说明:点击侧边栏的数字,实现左侧模块间的滚动切换效果

 scroll-behavior属性使用方法_第1张图片

 详细代码:


  
  
    模块1
    模块2
    模块3
    模块4
    模块5
  

你可能感兴趣的:(css,css,javascript,html)