用于检测DOM元素可见性的一些更高级别的抽象

sha*_*unc 11 javascript html5 dom

截至2013年2月,在谈到所有全新的顶级API(包括实验性的甚至是疯狂的API)时,您能否提供如何检测特定DOM节点当前是否在视口中的情况.

跨浏览器是一个加号.灵活性和普遍性是更大的优势.

所以,基本上我需要像is_in_viewport(dom_node)那样返回布尔值.

一些澄清.让我们通过可见性意味着元素的至少一个像素在视口中是物理可见的(不一定是窗口).

通过经典方法我的意思是:

  • 使用offsetTop,offsetLeft等属性测量元素的尺寸和位置.
  • 使用getBoundingClientRect

所以,简单来说,我正在寻找某种API,它隐藏了处理直接测量和后续计算的抽象级别.