jQueryを使用して特定のdivまでスクロールし、コールバックを実行する方法

方法1: animate()メソッドを使用する方法

$('html, body').animate({
  scrollTop: $('#targetDiv').offset().top
}, 1000, function() {
  // スクロール完了後に実行するコールバック関数
  console.log('スクロール完了しました');
});

方法2: scrollTop()メソッドを使用する方法

$('html, body').scrollTop($('#targetDiv').offset().top).promise().done(function() {
  // スクロール完了後に実行するコールバック関数
  console.log('スクロール完了しました');
});

方法3: scrollTo()メソッドを使用する方法 (一部のブラウザで動作しない場合があります)

document.querySelector('#targetDiv').scrollIntoView({
  behavior: 'smooth',
  block: 'start'
});
console.log('スクロール完了しました');

上記のコード例では、'#targetDiv'はスクロールしたいdiv要素のセレクタです。スクロールアニメーションの速度や動作を調整する場合は、適宜変更してください。