當頁面變小而不滾動時，如何讓浮動頁眉不顯示？

Question

我有一個浮動的頭，它顯示了用下面的代碼：

$(window).scroll(function() { 
     if ($(this).scrollTop() > 200) { 
      $('#floatingHeader').show(); 
     } else { 
      $('#floatingHeader').hide(); 
     } 
    }); 

在這種浮動頭我有一個過濾器下拉 - 當我半路上下來的頁面我使用的過濾器 - 我篩選結果到1行結果和頁面變小 - 但上面的腳本沒有得到執行 - 它只在滾動時才起作用 - 當頁面變小而不滾動時，如何讓浮動頁眉不顯示？

Answer 1

使用綁定和事件名稱。

$(window).bind("scroll resize", function() {... 

http://jsfiddle.net/ZATNp/

Answer 2

查看Document ReSize Event Plugin here。

我希望它有幫助！

Answer 3

(function(){ 
    if ($(window).scrollTop() > 200) { 
     $('#floatingHeader').show(); 
    } else { 
     $('#floatingHeader').hide(); 
    } 
    setTimeout(arguments.callee, 10); 
})(); 

你可以做一些像上面 - 開展重複計時器scrollTop的檢查。