2011-09-13 8 views
1

私はhttp://jsfiddle.net/GxpSQ/にコードを掲載しました。ボックスをクリックするとシャッフルされます。私はこの例http://hungred.com/wp-content/demo/jQuery-Shuffle-effect/demo.htmljQueryイージングjavascriptの位置問題

がhungred.comと私の効果の比較の問題に私のコードをベース

hungred.comに基づいて

。私のエフェクトは、ボックスが戻ってくる前に十分に外に出ないので、「点滅」します。

hungred.comのボックスが空白に出て、BEFORE index-zが設定されています。それも私が欲しいものです。私は何を取りこぼしたか?

答えて

0

ちょうどthis

+0

さらにちらつきます。 – katspaugh

+0

なぜこれはもっとちらつきましたか? –

+0

@JensTörnell、それはジャーキーです。 http://jsfiddle.net/GxpSQ/3/とhttp://jsfiddle.net/Dgfcy/を比較すると、その理由がわかります。 – katspaugh

2

のようなアニメーション、既存の1つのより多くのアニメーションをチェーンにここでアニメーション要素が追加緩和の「アウト」フェーズにあるとき、アニメーションの途中でzIndexを設定a custom step functionを有する変異体は、です。

ちらつきがありません!

http://jsfiddle.net/Dgfcy/

+0

私が探していたものではなく、それを解決する非常に興味深い方法です。最終的な結果はここに見ることができます:http://www.webblayout.se/ –

+0

@Jens、それはちらつきではありませんが、かなり不愉快に後退します。ちなみに、私のブラウザでは、画像をクリックするたびに横スクロールバーが表示されます。 (Chrome、1440x900)。 – katspaugh

+0

"ジャーク"について。あなたのバージョンでイージングがより柔らかいことを意味しますか? 私は水平スクロールバーについて知っています。あなたのスクリプトは同じ問題を抱えています。 divの近くでウィンドウのサイズを変更してみてください。クリックするとスクロールバーが表示されます。 –