在IE瀏覽器上的位置工作緩慢的動畫

Question

我正在嘗試創建html頁面，其中一支筆將在textarea中移動爲 用戶類型。創建動畫就好像它的寫作我是 上下移動筆。該動畫在Chrome中運行良好，但在IE中滯後。 如何提高動畫的速度並將其寫爲用戶類型，請提出建議。 雖然IE8不如鉻或任何其他瀏覽器一樣好，代碼在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); 

Answer 1

好吧，我會優化的第一件事情是你正在尋找的時間DOM。每次你這樣做。

$("#Typing") 

您正在搜索該元素的頁面。最好加載一次，然後操作它。

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

它可能無法解決整個問題，但它是一個開始。

編輯：對$（「＃羽毛」）做同樣的處理