时间戳

首页 > 解决方案 > 光标位于绝对位置的 div 上时无法滚动

jquery - 光标位于绝对位置的 div 上时无法滚动

问题描述

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

标签： jquerycssscrollpositioning

解决方案

添加到您的追随者CSS：

指针事件：无；

推荐阅读