2013 年 2 月の時点で、すべての真新しい一流の API (実験的でクレイジーなものも含む) について言えば、特定の DOM ノードが現在ビューポートにあるかどうかを検出する方法を提供できますか?
クロスブラウザであることはプラスです。柔軟性と普遍性はさらに大きなプラスです。
したがって、基本的にはブール値を返す is_in_viewport(dom_node) のようなものが必要です。
明確化。可視性とは、要素の少なくとも 1 つのピクセルがビューポート (必ずしもウィンドウではない) で物理的に可視であることを意味します。
古典的なアプローチとは、次のことを意味します。
- offsetTop、offsetLeft などのプロパティを使用して要素の寸法と位置を測定します。
- getBoundingClientRect の使用
簡単に言うと、直接測定とその後の計算を処理する抽象化のレベルを隠してくれる API のようなものを探しています。