检查元素在屏幕上是否显示特定百分比(视口)？

Question

如何检测某些元素是否可见？为了更好地了解下面的图像.

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

Answer 1

Jquery.fracs插件似乎完全符合您的需求.

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

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