鼠標跟隨腳本，可以在懸停的動畫

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指數的圓。

但是，您可以讓您的瀏覽器忽略圓圈的指針事件，將所有問題都排除在外。我changed your pen to add the solution。

.element { 
    pointer-events: none; 
}