ブログ

読んで思い出す。忘れるために書く

Q. クリックしたときに指定した anchor タグへスムーズにスクロール移動させたい

A. querySelector() + scrollIntoView({}) を使う

// 次のような例が考えられる
$('#foo').on('click', function() {
  document.querySelector('a[name="hello"]').scrollIntoView({ 
    behavior: 'smooth' 
  });
});

https://i.gyazo.com/3373eb366cb03dba613e8c493e894ac1.gif

Links