4

jQuery animate を使用して、Web ページ上の項目をスライドさせています。何らかの理由で、Webkit ブラウザーでのみ、要素がアニメーション化されたスペース全体にアーティファクトの跡が残ります。これが起こらないようにする方法、または隠す方法はありますか?

ここでページをロードすると、カルーセルに表示されます: http://www.mywebclass.org/~jeff/

4

4 に答える 4

4

animate コールバックで、1 ピクセル下にスクロールしてから 1 ピクセル上に戻します。

$(this).addClass('active');
scrollTo(document.body.scrollLeft, document.body.scrollTop + 1);
scrollTo(document.body.scrollLeft, document.body.scrollTop - 1);
于 2011-07-28T20:57:31.093 に答える
1

Chrome と Safari で left プロパティを使用してアニメーション化された @font-face テキストの左側の軌跡。テキストにパディングを残し、アニメーションを調整して問題を解決することがわかりました。

于 2011-10-27T16:05:54.870 に答える
1

ここのこのマシンでは、トレイルは見えませんが、あなたが話している効果は知っています.

それは直接的な解決策ではありませんが、左のプロパティをアニメーション化することは、遅いシステムではリソースを大量に消費することを覚えているようです。これらのアニメーションの代わりにアニメーション化して移動する、設定された<div>場所と 1 つの大きなスライドを使用すると、全体的によりスムーズなエクスペリエンスにつながる可能性があります。overflow:hidden;scrollLeft()

それについてデザイナー向けのjQueryに関する投稿がありました。見つけたら更新します。

更新: 「デザイナーのための jQuery - オーバーフローで楽しむ」

于 2011-07-28T20:43:57.610 に答える
1

非標準フォントの使用が原因だと思われる H1 のアニメーションの残り物だけが表示されます。

これは解決策ではありませんが、それを防ぐことができない場合は、Web ページを 1 ピクセル上下にスクロールするだけで、小さな野郎を取り除くことができます。

古いバージョンの jQuery (1.6.2 ではなく 1.3) も使用していますが、これには理由がありますか? そうでない場合は、最新バージョンを使用する必要があります

于 2011-07-28T20:51:55.157 に答える