重置滾動條檢測窗口調整大小jQuery

Question

我創建了一個jQuery窗口滾動條檢測器，但當我重新調整瀏覽器窗口的大小時，輪流更改滾動條狀態，從可見到不可見或副作用，相反，狀態通知程序保持靜態。我怎樣才能保持狀態通知不斷更新每個重新大小以簡單的方式沒有AJAX調用，通過嚴格的JavaScript？

對於進一步的上下文，如果內容不超過窗口大小，我基本上會想出一個半無限滾動的解決方案。如果你們中有一個人想到這一點，那麼很多UI開發人員都會試圖融合高度需求和流行的加載滾動效果，這將是非常有益的。提前致謝。這是我的demo。

$(window).resize(function() { 

    ///???? 

}); 

Answer 1

您可以使用所謂的功能來實現這一點。在Javascript中，函數實際上是對象，可以簡單地存儲在變量中並作爲參數傳遞。

拿這個例子：

//first define your function - maybe give it a better name than I did :) 
var detectScrollbar = function() { 
    if($(window).height() >= $(document).height()){ 
     $('#statusNotifier1').fadeIn("slow"); 
     $('#statusNotifier2').hide(); 
    } 
    else 
    { 
     $('#statusNotifier1').hide(); 
     $('#statusNotifier2').fadeIn("slow"); 
    } 
}; 

//call it initially 
detectScrollbar(); 

//pass it to .resize() so it will be called when the event fires 
$(window).resize(detectScrollbar); 

你可以把整個事情到您$(document).ready();。

玩得開心jsFiddle Demo。我希望所有那些傷心的UI開發者都會在他們的臉上笑着跳舞，慶祝:)。