Question

我正在尝试创建一个笔将移动的html页面 textarea中的用户类型。创建动画就好像它的写作一样上下移动笔。这部动画在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);

Answer 1

嗯，我要优化的第一件事就是你一直在搜索DOM。每次你这样做。

$("#Typing")

您正在搜索该元素的页面。最好加载一次，然后操纵它。

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

它可能无法解决整个问题，但这是一个开始。

编辑：对$（“＃Feather”）

执行相同的操作

位置上的动画在IE上工作缓慢

1 个答案: