Как запретить добавление прокрутки пользовательским круговым курсором? ⇐ Php

[Anonymous]

У меня небольшая проблема. Я пытаюсь добавить собственный курсор на свой веб-сайт WordPress.

С помощью js и css мне удалось добавить к моему курсору круг и анимацию при наведении курсора. Но когда пользовательский курсор с кружком достигает конца страницы, появляется полоса прокрутки.

Как я могу это предотвратить?
JS

const cursor = document.querySelector('.cursor');
document.addEventListener('mousemove', e => {
cursor.setAttribute("style", "top: "+(e.pageY - 40)+"px; left: "+(e.pageX - 40)+"px;")
})

$(document).on('mouseenter', 'a', function() {
$('.cursor').addClass('zooming');
}).on('mouseleave', 'a', function() {
$(".cursor").removeClass("zooming")
});


CSS

.cursor {
z-index: 20;
width: 80px;
height: 80px;
border: 1px solid black;
border-radius: 50%;
position: absolute;
display: block;
pointer-events: none;
-webkit-transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
-moz-transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
-ms-transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
-o-transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
transform-origin: center center;
}
.zooming.cursor {
background-color: white;
mix-blend-mode: difference;
border:none;
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3);
}


Подробнее здесь: https://stackoverflow.com/questions/570 ... add-scroll