自定义光标移动窗口滚动

Question

我正在尝试在 jquery/css 中编写自定义光标 - 我让它工作正常，我唯一的问题是如果你滚动而不移动鼠标光标会失去它的位置。

https://jsfiddle.net/pxo7ycb5/1/

我也试过添加一个窗口滚动事件也无济于事。有解决方法吗？

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

Answer 1

显然，您仍然丢失了光标，因为您使用了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){ ... });

https://jsfiddle.net/elvinci/pxo7ycb5/14/