0

スクロール時にヘッダーを縮小することについて私が目にするほとんどのスレッドには、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を使用してスクロールを追跡します。問題は、それが止まらないか、まったく表示されないことです。私が意味することを達成するためのより良い方法はありますか?

4

1 に答える 1

1

を使用している方法ではstop、true に設定した後、再び false になることはありません。

たぶん次のようなもの:

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

if の代わりに上記の行を削除しvar stop = false;ます。

于 2013-10-16T18:44:27.263 に答える