默认情况下,我们在滑动页面的时候,当我们滑动行为停下来,页面的滚动就会立即停止。

概况

这是因为默认情况下,滚动容器的scroll-behavior属性值是auto.

如果把该属性值改为smooth,客户端会让滚动行为表现得更加平稳。

说明
auto 滚动框立即滚动。
smooth 滚动框通过一个用户代理预定义的时长、使用预定义的时间函数,来实现平稳的滚动,用户代理应遵循其平台的约定,如果有的话。

例如:

div {
    scroll-behavior: smooth;
}