2012-04-10 3 views
3

jQueryアニメーションは、アニメーション化されたスクロールハイトを送信できますか、または別の関数を作成する必要がありますか?jQuery scrollの間にスクロールの高さを印刷するトップアニメーション

http://jsfiddle.net/A2s9Q/

+0

また、これを見てい:私はちょうどのdidn、http://demos.flesler.com/jquery/scrollTo/ – noob

+1

おかげ@micha、私は前にscrollToを使用しました、それは素晴らしいことだしこのプロジェクトのパッケージ全体を必要としない –

答えて

2

スクロールハンドラを使用してラベルを更新できます。

$(document).scroll(function(){ 
    $("#scrollHeight").html($(document).scrollTop()); 
}); 

http://jsfiddle.net/A2s9Q/7/

+0

$(関数)内のinitスクロール関数と新しい関数の両方をカプセル化する理由を説明できますか?また、あなたのソリューションは本当にうまくいきます。 –

+0

jQuery ready()または同等の$()は、ドキュメントのロードがハンドラをバインドするまで待機し、スクリプトのタイミングがちょうど良いタイミングで発生することを保証します。技術的には、on()ハンドラは、ドキュメントの準備ができたときに呼び出される必要はありません。 ready()の詳細については、http://api.jquery.com/ready/およびhere()を参照してください。http://api.jquery.com/on/ – r0m4n

1

使用setTimeout

(function updateScrollheight(){ 
    if(animating){ 
     $('#scrollHeight').html($(document).scrollTop()); 
     setTimeout(updateScrollheight, 200); 
    } 
})(); 
ここ

DEMOです:

1

あなたは.animateからステップオプションを使用することができます(プロパティ、オプション)tihsは、オプションの配列に入ります他のオプションと一緒に

step: function(now, fx){$('#scrollHeight').html(now)} 
関連する問題