Блог

У меня есть плавающий заголовок, и он отображается со следующим кодом:

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

В этом плавающем заголовке у меня есть выпадающий список фильтров — когда я нахожусь на полпути вниз по странице, я использую фильтр — я фильтрую результаты до 1 строки результатов, и страница становится меньше — но приведенный выше сценарий не выполняется — он работает только при прокрутке — как мне сделать так, чтобы плавающий заголовок не отображался, когда страница становится меньше без прокрутки??

Используйте bind и имена событий.

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

http://jsfiddle.net/ZATNp/

Взгляните на плагин события изменения размера документа здесь.

Я надеюсь, это поможет!

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

Вы могли бы сделать что-то вроде описанного выше — выполнить проверки прокрутки по повторному таймеру.