Сжатие заголовка при прокрутке

Question

Большинство потоков, которые я вижу об уменьшении заголовка при прокрутке, включают использование анимации jQuery или чего-то подобного. Это делает это слишком очевидным и мгновенным, но я ищу что-то постепенное:

http://www.kriesi.at/themes/enfold/

Это хороший пример, и я пытаюсь сделать что-то похожее:

jQuery(document).ready(function($){
    var $myDiv = $('#logo img');
    var logoHeight = $myDiv.height;
    var stop = false;

    $(window).scroll(function() {
        logoHeight = $myDiv.height;
        var st = $(this).scrollTop();

        if(st >= 50 || logoHeight >= 97){
            stop = true;
        }

        if(!stop){
            $myDiv.height(st);
        }
    }).scroll();
});

Использование этого jQuery отслеживания прокрутки. Проблема в том, что он никогда не останавливается или просто не появляется вообще. Есть ли лучший способ добиться того, что я имею в виду?

Answer 1

Как вы используете stop, он никогда не сможет снова стать ложным после того, как вы установите его в значение true.

Может быть что-то вроде:

var stop = (st >= 50 || logoHeight >= 97);

вместо if и уберите строку var stop = false; выше.