在这个基础上 添加鼠标移入停止滚动 移除继续滚动

要实现这个功能，你可以使用 JavaScript 监听鼠标移入和移除事件，然后根据事件来控制页面滚动。具体的实现步骤如下：

1. 给页面的滚动区域添加监听事件：

window.addEventListener("scroll", handleScroll);

2. 定义 handleScroll 函数，根据鼠标状态来决定是否滚动：

let isMouseOver = false; // 初始化鼠标状态为未移入

function handleScroll() {
  if (!isMouseOver) {
    // 如果鼠标未移入，则可以滚动
    // 这里可以编写滚动代码
  }
}

3. 给页面添加鼠标移入和移出事件监听：

document.addEventListener("mouseover", handleMouseOver);
document.addEventListener("mouseout", handleMouseOut);

4. 定义 handleMouseOver 和 handleMouseOut 函数，分别修改鼠标状态：

function handleMouseOver() {
  isMouseOver = true;
}

function handleMouseOut() {
  isMouseOver = false;
}

5. 在 handleScroll 函数中根据鼠标状态来判断是否滚动：

function handleScroll() {
  if (!isMouseOver) {
    // 如果鼠标未移入，则可以滚动
    // 这里可以编写滚动代码
  }
}

这样就实现了鼠标移入停止滚动，移出继续滚动的功能。