2012-03-23 24 views
1

この単純なJQueryアニメーションを点滅させないようにする方法はありますか? http://jsfiddle.net/v3DVf/6/JQueryアニメーション点滅

+0

点滅ではどういう意味ですか?それは私のために点滅しません –

+0

私はそれがブラウザに依存していると思います。私はChromeを実行していて、あまりにも速くスクロールすると非常にひどく点滅します... –

+0

私はちょうどIEを試しました...本当に悪いです... –

答えて

4

これはおそらく、すべてを計算するにはjQueryのスクロールが速すぎるからです。これが役立つようだ:ストップ機能からscrollTopスプライト値をキャッシュではなく、再計算、および(真、真)を省略だ

$(window).scroll(function() { 
    var scrollTop = $(window).scrollTop(); 
    $('#left').stop().animate({ 
     top: (300 - (0.5 * scrollTop)) 
    }, 350); 
    $('#right').stop().animate({ 
     top: (300 - (0.2 * scrollTop)) 
    }, 350); 
});​ 

編集:#containerのCSS呼び出しを取り除き、ちょうどposition: fixedにしてください。

+0

うん。変数を使用して#containerをfixedに設定してから、点滅する問題が解決されたようです。ありがとう! http://jsfiddle.net/v3DVf/10/ –

+0

実際、コンテナはまったく必要ありません:http://jsfiddle.net/v3DVf/11/ –

+0

さらに良い、良い仕事 –