投稿で距離を測定するスクリプトを作成しています。たとえば、3 つの投稿がある場合:
- 投稿 1: 2 行のテキスト、次に見たい画像。
- 投稿 2:見たいだけの画像。
- 投稿 3:見たい画像 続いて 2 行。
私がこれを欲しがる理由は、Tumblr の説明がナンセンスすぎると思うからです。画像の周りのナンセンスをすべてトリミングして、スクロールを少なくするクロム拡張機能を作成しています。すべての投稿で、投稿全体を表示するボタンが表示されます。
今日の時点で、それはうまく機能しています！getBoundingClientRectウィンドウから上、左、下、右のオフセットを取得できます。1つだけ問題があります。ページ上のすべての投稿に対してすぐにそれを行うことはできません。なぜなら、投稿がドキュメントの表示部分、ブラウザーで表示している部分から 700 ピクセル以上離れている場合、GBCR によって提供されるすべての値が0.
これらの値は有効ではありません。投稿が画面に表示されないため、おそらくゼロです。また、スクロールした場合に拡張機能にサイズを取得させて、投稿がウィンドウの表示部分に入ったときに処理されるようにすることもできます。しかし、これは私の好みではありません。これは、ユーザーがスクロールするたびに JS 関数をトリガーする必要があることを意味しますが、これは悪い習慣です。DOM がロードされたときに関数を開始するので、新しい投稿が追加されると、関数がトリガーされます。
私の質問は次のとおりです。投稿が画面に表示されないときに GBCR 関数が機能することを確認するための回避策はありますか。getComputedStyleまたは、 (すべての要素を通過せずに)要素の Coordinats を取得する方法はありますか?