0

ユーザーがテキストエリアに入力するとペンが動くhtmlページを作成しようとしています。ペンを上下に動かしながら文字を書いているようなアニメーションを作成します。アニメーションは Chrome では問題なく動作しますが、IE では遅れます。アニメーションの速度を向上させ、ユーザー タイプとして書き込む方法を教えてください。IE8 は chrome やその他のブラウザーほど優れていませんが、コードは要件に従って IE8+ で動作するはずです。助けてください

  var contentHeight = $("#Typing").textareaHelper('height');
            $("#Typing").height(contentHeight);
            localleft = $("#Typing").textareaHelper('caretPos').left + 280;
            localtop = $("#Typing").textareaHelper('caretPos').top;

            $('#Feather').animate({ left: (($("#Typing").textareaHelper('caretPos').left) + 270) },1,animation2);
            $('#Feather').animate({ top: (($("#Typing").textareaHelper('caretPos').top) - 8) }, 1);
            $('#Feather').animate({ left: (($("#Typing").textareaHelper('caretPos').left) + 280) }, 1);
            $('#Feather').animate({ top: $("#Typing").textareaHelper('caretPos').top }, 1);
4

1 に答える 1

1

最初に最適化するのは、常に DOM を検索することです。これを行うたびに。

$("#Typing")

その要素のページを検索しています。一度ロードしてから操作することをお勧めします。

var $typing = $("#Typing");
// do your animations with $typing.animate();

問題全体が解決するわけではないかもしれませんが、それが始まりです。

編集: $("#Feather") についても同じことを行います

于 2013-03-05T06:20:03.727 に答える