javascript - 检查元素在屏幕(视口(viewport))上的特定百分比是否可见？

Question

如何检测某个元素是否可见？为了更好地理解，请看下图。

我想在图像半可见时触发事件。如果它适用于所有浏览器和设备(平板电脑和智能手机)，那就太好了。

Answer 1

Jquery.fracs插件似乎完全可以满足您的需求。

function callback(fracs: Fractions, previousFracs: Fractions) {
    if(fracs > 0.5)
      doSomething();
};

var fracs = $("img").fracs(callback);