当光标位于 div 定位绝对值上时无法滚动

Question

我正在使用jquery，以便div定位绝对跟随鼠标光标，并在其周围显示为圆圈。

问题：当光标位于div 上时，我无法滚动正文。

任何解决方法或帮助将不胜感激！

.HTML

<div class="follower"></div>
<main class="main">
<div class="container"> 
</div>
<div class="container"> 
</div>
</main>

.CSS

.follower {
width: 35px;
height: 35px;
border: white 3px solid;
border-radius: 40px;
transition-duration: 250ms;
transition-timing-function: ease-out;
position: absolute;
transform: translateX(-50%) translateY(-50%);
z-index: 25;
overflow: hidden;
}

.JS

$(document).on('mousemove', (event) => {
$('.follower').css({
left: event.clientX,
top: event.clientY,
});
});

小提琴

https://jsfiddle.net/xe1h7cda/12/?utm_source=website&utm_medium=embed&utm_campaign=xe1h7cda

Answer 1

添加到你的关注者 css：

指针事件：无;