# Scroll directive

v-scroll ディレクティブを使用すると、ウィンドウで指定されたターゲットや要素自体( .self modifier)がスクロールされたときにコールバックを行なうことができます。

# 使い方

デフォルトの動作はウィンドウにバインドすることです。追加の設定オプションが必要ない場合は、コールバック関数を渡すだけです。

# API

v-scroll

# サンプル

# オプション

# Self

v-scroll はデフォルトで ウィンドウ をターゲットにしますが、それにバインドされている要素をウォッチすることもできます。次の例では、 self modifier、 v-scroll.selfを使用して、特に v-card 要素をウォッチします。これにより、メソッド onScroll が、カードの内容をスクロールしたときに呼び出されます。

# ターゲット

指定した要素にイベントリスナーをバインドすることもできます。

準備はできましたか？

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーションリンクでページ間を移動できます。

GitHub でこのページを編集する

最終更新日:03/12/2025, 5:21:30 PM