2011-01-10 5 views
1

私のウェブサイトでは、左右のボックスをスライドさせようとしています。たくさんの小さな絵や別の要素が内部にあるので、ボックスはかなり大きいです。そして、ajax経由でダウンロードされます。スライドアップ/ダウンの状況はまったく同じです。 (アニメーションやjqueryのUIがなくても使いやすいので、これで作業しましょう)。jQueryを使って巨大な箱をスライドさせると隠れるだけになります

私がslideUp()しようとすると、要素がまったくスライドせず、隠れます。それは、ほぼすべて約1秒かかります。私はそこに同じ高さと幅の単純なdivを入れようとしましたが、私はその要素を問題なく滑らせることができました。だから私の理論は、divは単純にそれを混乱させるには大きすぎるということです。それは可能ですか?あるいは、問題はどこか他の場所ですか?

私が正しいとすれば、それを省略する方法はありませんが、効果をあげるにはどうしたらいいですか?

+0

私たちが複製しようとするようにいくつかのコードをアップロードできますか? –

答えて

1

私は、同じ高さの簡単なdivで正常に動作するようになっていると言うとき、あなたの質問に答えがあると思います。それはあなたがエンジンは、これらの画像のそれぞれをページの外にスライドするにつれて、それぞれの増分位置で再レンダリングする必要があります。

最新のブラウザのJavascriptエンジンは以前よりもはるかに優れていますが、それほど多くのことしかできません。それをブラウザと組み合わせて、移行の各ステップをレンダリングする必要があります。私はそれが長くかかることに驚くことはありません。

アニメーションは本当に必要ですか?

  • はすぐに

  • が上にスライドや小さな1に縮小して消滅する大規模のdivをアニメーションのdivの内容のすべてを削除します。もしそうなら、あなたはおそらく段数でそれを行うことができます

+0

お返事ありがとうございます。まあ、それは必要ではない、それはちょうど良いと私は何か新しいことを学びたかった。私はこれらの2つの段階に従うかどうかはわかりません。まずそれを隠してからアニメートしますか?まあ、私はまだアニメーション化しているので、違いは何ですか? – tsusanka

+0

私が言ったのは、レンダリングに時間がかかる画像を非表示にしてから、divの残りの部分をアニメーション化することでした。それは、divをスライドさせる印象を与えるが、内容を再レンダリングする必要はない。 –

関連する問題