檢查元素是否是用戶可見使用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