我正在使用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

最佳答案

添加到您的关注者CSS:


  指针事件:无;

10-07 19:03
查看更多