[JS]これなら簡単で便利！要素がビューポートに表示されているかを判定できる -Intersection Observer | コリス

2017/08/10 65 users ビューポート コリス トリガー スクロール 無限スクロール

スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポートに表示されているかをトリガーにするのには、なかなか面倒なJavaScriptが必要でした。 例えば、スクロールやサイズ変更のイベントを取得し、getBoundingClientRect()などのDOM APIでビューポートからの相対位置を手動で計算します。 この今までの方... 続きを読む

JavaScript で DOM 要素の絶対座標を取得する方法 | phiary

2015/10/25 53 users phiary DOM window.onload Hoge

備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); /... 続きを読む

JavaScript で DOM 要素の絶対座標を取得する方法 - tmlife

2015/01/21 67 users tmlife DOM window.onload Hoge

備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); /... 続きを読む