view-window.js: 要素が表示領域内にあるかどうか調べる

aereal/view-window · GitHub

demo

ある要素が表示領域内にあるかどうか調べる。

要素の下端より表示領域のX座標が高いか、とかを見ている。一部分でも収まっていれば真になる。

var viewWindow = new ViewWindow(window);
viewWindow.viewable(document.getElementById('target')); # Boolean

こういうAPIにしたけど、単に関数があるだけ、というのでもよい気がするけど、どうだろうか。