检查元素是否是用户可见使用boostrap

Question

我已经通过了很多关于stackoverflow的解决方案来检查用户的窗格中当前是否可见元素，但使用引导时它们都不起作用。

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

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

这里我使用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