マウスのフォロースクリプト、ハントでのアニメーションのアニメーション

Question

divブロックをマウスに追従させるスクリプトを実装しようとしていますが、特定のリンク上にマウスを置いたときにアニメートします。問題は、オブジェクトのホバー上でそれを変換するときに、それが点滅し始めて細かくなることです。

Codepen：https://codepen.io/grayghostvisuals/pen/kepDb/

var $circle = $('.circle'); 
function moveCircle(e) { 
TweenLite.to($circle, 0.7, { 
css: { 
    left: e.pageX, 
    top: e.pageY 
} 
    }); 
} 

$(window).on('mousemove', moveCircle); 

任意のアイデア？

Answer 1

これはZインデックス問題のようです。ホバーはあなたのマウスがあなたの要素の上にあるかどうかをチェックしようとしますが、それはあなたのマウスに続く円を浮遊します。このペンは、サークルに負のZ-インデックスを使用した場合の動作を示しています。

しかし、ブラウザで円のポインタイベントを無視して、問題をすべて取り除くことができます。 I changed your pen to add the solution。

.element { 
    pointer-events: none; 
}