确定HTML元素是否在视口中的最有效方法？

Question

我目前正在使用原型，其代码如下：

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库，您可以获得非常具体的跨浏览器兼容代码，您可以使用它们来执行此操作。它仍然看起来不像你在那里漂亮。如果你从头开始做它会变得更加复杂，因为你有浏览器怪癖，浏览器版本怪癖，必须处理滚动等等。