如果页面变小而不滚动，如何使浮动标题不显示？

Question

我有一个浮动标题，它显示如下代码：

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

在这个浮动标题中我有一个过滤器下拉列表 - 当我在页面的一半时我使用过滤器 - 我将结果过滤到1行结果并且页面变小 - 但上面的脚本没有得到执行 - 它只在你滚动时才有效 - 如果页面变小而不滚动，如何使浮动标题不显示？

Answer 1

查看Document ReSize事件插件here。

我希望它有所帮助！

Answer 2

使用bind和事件名称。

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

http://jsfiddle.net/ZATNp/

Answer 3

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

您可以执行上述操作 - 对重复计时器执行scrollTop检查。