默认情况下,我们在滑动页面的时候,当我们滑动行为停下来,页面的滚动就会立即停止。
概况
这是因为默认情况下,滚动容器的scroll-behavior
属性值是auto
.
如果把该属性值改为smooth
,客户端会让滚动行为表现得更加平稳。
值 | 说明 |
---|---|
auto | 滚动框立即滚动。 |
smooth | 滚动框通过一个用户代理预定义的时长、使用预定义的时间函数,来实现平稳的滚动,用户代理应遵循其平台的约定,如果有的话。 |
例如:
div {
scroll-behavior: smooth;
}