javascript - 使用 bootstrap 检查元素是否用户可见

Question

我在 stackoverflow 上浏览了很多解决方案来检查某个元素当前是否在用户 Pane 中可见，但在使用 bootstrap 时它们似乎都不起作用。

如果右侧 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)));
}

Answer 1

尝试检查滚动可能就是您正在寻找的内容:

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

Fiddle