要素が画面内に表示されているかどうか取得

質問

Javascriptで、ある要素(idなどで指定することができるとする)が、
ユーザーの画面上に「見えている」
ことを取得することはできるでしょうか？
あるいは、ある要素の「位置」を取得することができるでしょうか？
（CSSにはposition:absoluteが存在するのだから、できるのではないかと思っているのですが...)

やりたいことは、
ある要素がユーザーのスクロールによって
画面内に入ってきたら何かイベントを起こす、
また逆にその要素が画面外に出て行けばイベントを起こす、
といったものです。

どうぞよろしくお願いします。

回答No.1

noname#84373 · ベストアンサー

document.getElelemntById('xx').offsetTop
.offsetLeft
.offsetWidth
.offsetHeight
とか？

お礼

遅くなりました、ありがとうございます。
いただいた回答を試したりそこから検索して情報を得たりして
無事やりたかったことを実現できそうです。

ありがとうございました。