# Scroll directive

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

# 使い方

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

# API

# サンプル

# オプション

# Self

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

# ターゲット

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

準備はできましたか？

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM