当页面变小而不滚动时，如何让浮动页眉不显示？

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的检查。