如何判断div的中心是否在视口中？

Question

在jquery中，如何判断div的中心是否在视口中？

我试图将窗口scrolltop与div的scrolltop + height / 2进行比较，但它没有给我正确的结果。

我想要垂直中心。

Answer 1

如果你正在使用jQuery，我会尝试使用offset方法。像这样：

var loc = $('div').offset(),
    h = $('div').outerHeight(),
    w = $('div').outerWidth();

console.log((loc.left + w / 2 > 0)
      && (loc.left + w / 2 < winW)
      && (loc.top + h / 2 > 0)
      && (loc.top + h / 2 < winH)
     );

这个JSFiddle中有一个演示：http://jsfiddle.net/3puJs/18/。