滚动缩小标题

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后，它永远不会再次变为false。

可能是这样的：

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

代替if并删除上面的行var stop = false;。