Jquery 两个圆圈作为光标，导致垂直和水平滚动条

我正在开发一个网站，我想有两个圆圈作为光标。我已经找到了一个答案（）如何做到这一点，但问题是当我将鼠标一直向右或向下移动时，这两个圆圈会导致垂直或水平滚动条

这段代码是上面链接的复制粘贴，所以您可以尝试将鼠标移动到屏幕底部，看看我在说什么

$（'body'）.mouseover（函数（）{
$（this.css）({
光标：“无”
});
});
$（文档）.on（'mousemove'，函数（e）{
$（“#大圆圈”）.css({
左：e.pageX，
顶部：e.pageY
});
$（“#圆”）.css({
左：e.pageX，
顶部：e.pageY
});
});
#大圆圈{
显示：块；
位置：绝对位置；
利润上限：-30px；
左边距：-30px；
过渡：所有1s线性；
宽度：60px；
高度：60px；
z指数：-1；
文本对齐：居中；
边框：2倍纯红；
边界半径：50%；
}
#圈{
显示：块；
位置：绝对位置；
保证金：自动；
宽度：15px；
高度：15px；
最高保证金：-7.5px；
左边距：-7.5px；
z指数：-1；
背景色：rgba（255,0,0,0.5）；
边界半径：50%；
盒子阴影：0px 0px 10px 4px rgba（255，255，255，1）；
}
a{
字号：26px；
文本对齐：居中；
保证金：100像素自动；
显示：块；
}
a:悬停{
字体大小：30px；
}

link
将主体上的溢出设置为hidden
主体{overflow:hidden；}


$（'body'）.mouseover（函数（）{
$（this.css）({
光标：“无”
});
});
$（文档）.on（'mousemove'，函数（e）{
设xy={
左：e.pageX，
顶部：e.pageY
};
$（'circle big'）.add（'circle'）.css（xy）；
});
#大圆圈{
显示：块；
位置：绝对位置；
利润上限：-30px；
左边距：-30px；
过渡：所有1s线性；
宽度：60px；
高度：60px；
z指数：-1；
文本对齐：居中；
边框：2倍纯红；
边界半径：50%；
}
#圈{
显示：块；
位置：绝对位置；
保证金：自动；
宽度：15px；
高度：15px；
最高保证金：-7.5px；
左边距：-7.5px；
z指数：-1；
背景色：rgba（255,0,0,0.5）；
边界半径：50%；
盒子阴影：0px 0px 10px 4px rgba（255，255，255，1）；
}
a{
字号：26px；
文本对齐：居中；
保证金：100像素自动；
显示：块；
}
a:悬停{
字体大小：30px；
}
正文{溢出：隐藏；}

link
CSS
body的一行{cursor:none；}
可以在jQuery中腾出几行