【JavaScript】要素にフォーカスした際にスクロールされないようにする方法

focus()の引数に{ preventScroll: true }を渡すとフォーカス時にスクロールしないようにできます。

document.getElementById("focus_no_scroll").addEventListener("click", () => {
  document.getElementById("myButton").focus({ preventScroll: true });
});

クリックするとtextareaが表示されフォーカスされる場合に、{ preventScroll: true }を指定せずにtextareaの一部が画面からはみ出した状態でフォーカスすると以下のようにtextareaが画面の中央付近に来るまでスクロールされます。

{ preventScroll: true }を指定した場合には画面からはみ出した状態でフォーカスしてもスクロールは発生しません。