问题描述
我希望我的光标后跟一个带有短暂延迟的圆圈。问题是它在 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 (将#修改为@)