HTMLのダイアログ内のスクロールを指定位置に移動する

ページ内で指定位置にスクロールさせたいとき以下のようなアンカーを用いるが

HTML

<a href="#sampleId">指定位置へスクロール</a>

<div id="sampleId">内容</div>

ダイアログ内で指定位置にスクロールさせるにはscrollTopを用いて指定位置に移動させる。

HTML

<!--ダイアログ-->
<div id="dialog">
  <!--指定位置へ移動するボタン-->
  <button onclick="jump()">指定位置へスクロール</button>
  <!--スクロール領域-->
  <div id="contents" style="overflow-y:auto;height:520px">
    <!--移動したい内容-->
    <div id="sampleId">内容</div>
  </div>
</div>

Javascript

function jump() {
  //スクロール領域の位置を取得
  var offsetTop = $("#contents").offset().top;
  //移動したい内容の位置を取得
  var top = $("#sampleId").offset().top;
  //スクロールを移動する
  $("#contents").scrollTop(top - offsetTop);
}