#idリンクをクリック時にスクロールが大きくズレるのを改善したい

Question

#概要
ブログの記事の目次から見出しへスクロールされるようにしています。
HTMLがロード完了後に、javascriptでデータを挿入する為、見出しの位置が変わってしまい多くズレてしまい困っています。
下記のjavascriptが非同期で実行されるのでタイミングをドキュメントのロードが終わったあとでも、見出しの位置がズレてしまうかと思います。

スクロール位置を正確に設定したいのですが、どうすればよろしいでしょうか？

コード

if(location.href.match('blogs/news/')){
  var prd_inserts = document.querySelectorAll('.prd_insert')
  for (var i = 0; i < prd_inserts.length; i++) {
    let element = prd_inserts[i];
    if(element.dataset.type === 'Search'){
      var query = element.dataset.query;
      var url = '/search?view=ajaxcustom&q='+ encodeURIComponent(query) +'&options[prefix]=last&type=product';
      console.log('https://j-porn.jp'+url)
      var queryOptions = {
        method: 'GET',
        credentials: 'same-origin'
      }
      fetch(url, queryOptions)
        .then(function(res){
          return res.text();
        })
        .then(function(contents){
          element.innerHTML = contents
        })
    }

    if(element.dataset.type === 'Collection'){ }
  }
}

Answer 1

scrollTo()メソッドが便利です。

Element.scrollTo() - Web API | MDN