web-dev-qa-db-ja.com

Vue 2ビューポートに表示されるかどうか要素をチェック

私はvue2について調査していて、要素がビューポートに表示されているかどうかを簡単に追跡して、ページを下にスクロールしたときにスライドインボックスなどを実行できる方法があるかどうか疑問に思っています。 npmパッケージまたは提案できるものはありますか?ありがとう。

12
warmjaijai

現在Vue-observe-visibility( https://github.com/Akryum/vue-observe-visibility )を使用しており、まだ問題に遭遇していません。

考慮すべき唯一のことは、要素がユーザーのスクロールによってページに出入りするときにのみトリガーされ、DOMの変更のために要素がページに出入りするときにトリガーされないことです。あなたがそれについて言ったことに基づいて、それはあなたのユースケースにとって問題ではないように見えます。

確かにチェックして、使い方は簡単!

7

vue-waypointがオプションになる可能性があります。

GitHub

[〜#〜] npm [〜#〜]