VUE可動端のプロジェクトは、ページの最上部にページを切り替えます

このプロジェクトは、ルータを使用することである前に、トップを達成するためのPCの方法であります

 

//main.js

router.afterEach（（へから、次）=> { 
  window.scrollToは（0、0 ）
}）

 

しかし、それは、携帯端末は効果がありません変更、および調査について少しは、体が有用であることだったようです。

私は、関連VUX-UIを使用することができます

ルータに行くためにまたは任意の新しい方法を見つけるために、途中で、私は後者を選びました、

//カスタムcommon.js

// この方法は、トップページのために、再帰的に転動体によって見出さ
機能getScrollParent（ノード）{
   IFは（ノード== NULL ）{
     戻り ヌル
  } 
  IF（node.scrollHeight> node.clientHeight）{
     戻りノード
  } 他{
     戻りgetScrollParent （node.parentNode）
  } 
}

エクスポート{getScrollParent}

例えば//ページファイル、hello.vue

// 導入 
インポート{isEmptyObj、getScrollParent} から ' @ / COMMON / utilsの/共通' 

//は機能フックを呼び出しマウント
（）{マウント
     CONST要素getScrollParent =（この。$ EL）
    element.scrollTop = 0 
    この.initCanvas（）
  }、

問題を解決するために、上記の方法を使用して