如何解决Twenmax光标动画在滚动时冻结
我使用以下资源在悬停时对鼠标光标进行动画处理,效果很好,但是动画在滚动时冻结。 有解决这个问题的主意吗?
https://codepen.io/Jeanlat/pen/GRZQqOO
var cursor = $(".cursor"),follower = $(".cursor-follower");
var posX = 0,posY = 0;
var mouseX = 0,mouseY = 0;
TweenMax.to({},0.016,{
repeat: -1,onRepeat: function() {
posX += (mouseX - posX) / 9;
posY += (mouseY - posY) / 9;
TweenMax.set(follower,{
css: {
left: posX - 12,top: posY - 12
}
});
TweenMax.set(cursor,{
css: {
left: mouseX,top: mouseY
}
});
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。