javascript - 确定 HTML 元素是否在视口(viewport)中的最有效方法？

Question

我目前正在使用原型(prototype)，其中包含一些代码，例如:

function in_viewport(foo) {
  var offset = foo.viewportOffset().top;
  var viewportHeight = document.viewport.getHeight();
  if (offset > (0 - foo.getHeight()) && offset < viewportHeight) {
    return true;
  } else {
    return false;
  }
}

有更快/更简单/更高效/更好的方法吗？

Answer 1

通过 Dojo 等各种 JavaScript 库，您可以获得非常具体且跨浏览器兼容的代码，您可以使用它们来执行此操作。它看起来仍然不会比你那里的漂亮多少。如果您从头开始，它会变得更加复杂，因为您有浏览器怪癖、浏览器版本怪癖、必须处理滚动等。