スムーズスクロールについて

一部の場合、コードでスクロールバーを指定した位置にスクロールすることを制御する必要があります.同時に、スクロール効果が滑らかで、硬くて直接スクロールするのではなく、ユーザーがほとんど感知できないことを望んでいます.シナリオ1:コンテナ要素の操作

const dom = document.querySelector('.list-body');//    dom
dom.scrollTop = height;

この行は指定した位置にスクロールさせるだけで、スクロール効果をスムーズにするにはcssが必要です.

 .list-body {
    overflow: auto;
    scroll-behavior: smooth;
    ...
  }

シナリオ2:コンテンツ要素Element.scrollIntoView()を操作し、現在の要素をブラウザウィンドウ内にスクロールさせる.詳細はMDNを参照