光标跟随器在 Chrome 上滞后,在 Firefox 上流畅

问题描述

我希望我的光标后跟一个带有短暂延迟的圆圈。问题是它在 Firefox 上运行得非常流畅,而在 Chrome 上却很慢。

JS:

const cursor = document.querySelector('.cursor');

window.addEventListener('mousemove',moveCursor);

function moveCursor(e) {
   cursor.style.top = e.clientY + "px";
   cursor.style.left = e.clientX + "px";
}

CSS:

.cursor {
   width: 30px;
   height: 30px;
   position: absolute;
   transition-duration: 200ms;
   transition-timing-function: ease-out;
}

我很难破解这里的代码,希望能在这方面提供一些帮助。另外,我正在使用 Locomotive 滚动,但看到 Firefox 使用相同的代码按预期工作应该没有问题。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...