How much of an element is visible in viewport

Question

There\'s a div (brown rectangle) on the page. The page is higher than the viewport (orange rectangle) so it can be scrolled, which means that the div

Answer 1

Please note that the Intersection Observer API is available since then, made specifically for this purpose.