javascript - vue.js には、現在のインターフェイスを特定の部分までスクロールするためのより高速なメソッドはありますか?

Question

たとえば、トップに戻るためによく使用される、通常の HTML ページでは、a タグの href 属性を特定の ID に設定し、クリックするとその部分までスクロール バーをスクロールできます (もちろん、直接スクロールすることもできます)スクロールバーの距離を設定します。高)。

私の現在の要件は、同じ vue コンポーネント内の異なるボタンをクリックして、スクロール バーを対応する部分までスクロールすることです (スクロール効果はオプションです)。上記の方法を直接使用するとページジャンプが発生しますが、スクロールバーの高さを直接設定すると、1つずつ位置を取得する必要があり、前者ほど単純ではありません。

アドバイスを求めていますが、この要件を実現するためのより良いアイデアはありますか?

Answer 1

Element.scrollIntoView()

これはJSのネイティブAPIです。呼び出し後、ブラウザはターゲット要素の位置までスクロールします。

https://developer.mozilla.org...

Answer 2

アンカーポイントが使用できない場合は、各パーツのスクロールバーの位置を取得することしかできません。

Answer 3

jsのみを使用できます。次のように、イベント内の対象要素とページの先頭の間の距離を取得し、スクロール軸を制御します。 リーリー

Answer 4

大雑把な見方をすれば、アンカーポイント法は確かに暴力的です。

Answer 5

ネイティブ js プラグインを見つけてインポートします

Answer 6

同じ質問です！私も分かりません

Answer 7

https://huahua0406.github.io/...

下に対応する左右のスクロールがありますか?

Answer 8

vue-router2

ルーターにはアンカーポイントをシミュレートする機能があります