Javascript 自定义光标随窗口滚动移动

我试图在jquery/css中编写一个自定义光标-我已经很好地使用了它，我唯一的问题是如果你不移动鼠标滚动光标就会失去它的位置

我尝试添加一个窗口滚动事件也没有用。有解决办法吗

$(window).on('scroll', function(e){
    $('#test').css({
       left:  e.pageX,
       top:   e.pageY
    });
});

---

而不是使你的圆圈

位置：绝对，您必须将其更改为
位置：固定。然后将您的body scrollTop添加到CSS顶部，如下所示：

#test {
    position: fixed;
    ...
}


$(document).on('mousemove', function(e){
    $('#test').css({
        left:  e.pageX,
        top:   e.pageY - $('body').scrollTop()
    });
});

显然，您仍然丢失了光标，因为您使用了
e.pageX
。
您应该将其更改为
e.clientX
和
e.clientY

#test {
    position: fixed;
    ...
}


$(document).on('mousemove', function(e){
    $('#test').css({
       left:  e.clientX,
       top:   e.clientY,
    });
});

$(window).on('scroll', function(e){ ... });

我认为您必须对其进行一些修改，以便使用固定元素。在这里查看：谢谢你！