たとえば、トップに戻るためによく使用される、通常の HTML ページでは、a タグの href 屬性を特定の ID に設(shè)定し、クリックするとその部分までスクロール バーをスクロールできます (もちろん、直接スクロールすることもできます)スクロールバーの距離を設(shè)定します。高)。
私の現(xiàn)在の要件は、同じ vue コンポーネント內(nèi)の異なるボタンをクリックして、スクロール バーを?qū)潖辘工氩糠证蓼钎攻愆`ルすることです (スクロール効果はオプションです)。上記の方法を直接使用するとページジャンプが発生しますが、スクロールバーの高さを直接設(shè)定すると、1つずつ位置を取得する必要があり、前者ほど単純ではありません。
アドバイスを求めていますが、この要件を?qū)g現(xiàn)するためのより良いアイデアはありますか?
8
0
0
Element.scrollIntoView()
これはJSのネイティブAPIです。呼び出し後、ブラウザはターゲット要素の位置までスクロールします。
https://developer.mozilla.org...
jsのみを使用できます。次のように、イベント內(nèi)の対象要素とページの先頭の間の距離を取得し、スクロール軸を制御します。 リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
