vue.jsで特定の位置にスクロール

プロジェクトでbannerをクリックして特定の位置にスクロールするように要求します.資料を調べたところ、いくつかの方法が見つかった.scrollIntoView()

 

   

   

     

     ...
   
 

goAnchor(){
  document.getElementById("idName").scrollIntoView();
  //  
  document.querySelector("#idName").scrollIntoView();
  //  
  this.$refs.refName.scrollIntoView();
}

このようにdivの上部はウィンドウの上部に位置するまでスクロールします.上部と少し距離を置く必要がある場合は?焦らないで、もう一つの方法があります.2.scrollTop = xxx書く人がいるのは知っています.

goAnchor(){
  document.documentElement.scrollTop = distance
}

Windowsのscrollを傍受していなかったら?では、このように書くのは実は反応していません.ここで私はwrapperに対してscrollを傍受します.

this.$refs.wrapper.addEventListener('scroll', this.judgeScroll);

最後のscrollTopはスクロール対象のscrollTopをリスニングする

goAnchor(){
  this.$refs.wrapper.scrollTop = xxx
}

3.a アンカーを使用するこの方法はvueには向いていないと思います.jsプロジェクトでは、ルーティングのhash に干渉するため使用されます.