2

ここに見られるように、私はサイズ変更の高さのナビゲーションを作ろうとしてきました: http://www.kriesi.at/themes/enfold/

ここjsfiddleで見られるように、私は非常に近づいています: http://jsfiddle.net/magnusbrad/4DK3F/12/

<div id="nav" class="header">
nav here
<ul class="right">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
</ul>
</div>

$(window).scroll(function () {
if ($(document).scrollTop() === 0) {
    $('#nav.header').animate({height:'140px'}, 500);
    $('ul.right').animate({'line-height':'140px'}, 500);
} else {
    $('#nav.header').animate({height:'40px'}, 500);
    $('ul.right').animate({'line-height':'40px'}, 500);
}
});

下にスクロールすると、アニメーションは完全に機能しますが、ページの上部にスクロールして戻ると、else ステートメントを更新して実行するのに 10 秒ほどかかります。そのアクションをリアルタイムでより速く実行するために欠けているものは何ですか?

4

1 に答える 1