使用引导程序检查元素是否用户可见答案

【问题标题】：check if element is user visible using boostrap使用引导程序检查元素是否用户可见
【发布时间】：2015-08-24 16:29:59
【问题描述】：

我在 stackoverflow 上查看了很多解决方案，以检查元素当前是否在用户窗格中可见，但在使用引导程序时它们似乎都不起作用。

如果正确的 jsfiddle 结果屏幕足够大以显示右列，则会显示“OK”警报。但是，如果右列低于折叠，那么当用户滚动到元素所在的位置时，我不会收到任何警报。

https://jsfiddle.net/play75010/xjuj49kr/5/

这里我使用的是在 stackoverflow 上找到的 checkVisible()，但我已经使用许多其他解决方案对其进行了检查。

有什么想法吗？

function checkVisible( elm, evalType ) {
    evalType = evalType || "visible";

var vpH = $(window).height(), // Viewport Height
    st = $(window).scrollTop(), // Scroll Top
    y = $(elm).offset().top,
    elementHeight = $(elm).height();

if (evalType === "visible") return ((y < (vpH + st)) && (y > (st - elementHeight)));
if (evalType === "above") return ((y < (vpH + st)));
}

【问题讨论】：

标签： javascript jquery twitter-bootstrap-3 position offset

【解决方案1】：

尝试检查滚动可能是您想要的：

  $(window).scroll( function() {
      update();   
      console.log('fire');
    });

Fiddle

【讨论】：