ウィンドウのスクロールでカスタムカーソルを移動

Question

jquery/cssでカスタムカーソルをコーディングしようとしています - うまくいけば、私の唯一の問題はマウスを動かさずにスクロールするとカーソルの位置が失われることです。

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

私も無駄にウィンドウのスクロールイベントを追加しようとしました。このための回避策はありますか？代わりに、あなたのサークルposition:absolute;を作るの

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

Answer 1

、あなたはposition:fixed;にそれを変更する必要があります。

#test { 
    position: fixed; 
    ... 
} 


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

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