https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior

  1. /* Keyword values */
  2. scroll-behavior: auto;
  3. scroll-behavior: smooth;
  5. /* Global values */
  6. scroll-behavior: inherit;
  7. scroll-behavior: initial;
  8. scroll-behavior: unset;

注意

1、在可滚动的容器上设置了 scroll-behavior: smooth 之后，其优先级是高于 JS 方法的。也就是说，在 JS 中指定 behavior: auto，想要恢复立即滚动到目标位置的效果，将不会生效。
2、在可滚动的容器上设置了 scroll-behavior: smooth 之后，还能够影响到浏览器 Ctrl+F 的表现，使其也呈现平滑滚动的效果。