自定义光标移动窗口滚动

Question

我想在jquery/css中自定义光标 - 我已经得到它工作正常，我唯一的问题是，如果你滚动而不移动鼠标光标失去它的位置。

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

我已经尝试添加一个窗口滚动事件无果也。有没有解决方法？

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

Answer 1

而不是让你的圈子position:absolute;的，你必须将它更改为position:fixed;。那么你的身体scrollTop的添加到CSS顶部，就像这样：

#test { 
    position: fixed; 
    ... 
} 


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

https://jsfiddle.net/pxo7ycb5/2/