function showPopup(imageSrc) { var popup = document.createElement("div"); var popupImg = document.createElement("img"); var scale = 1; // 设置弹出窗口中的图片 popupImg.src = imageSrc; popupImg.style.transform = `scale(${scale})`; // 设置悬浮窗样式 popup.style.position = "fixed"; popup.style.top = "10%"; popup.style.left = "10%"; popup.style.width = "80%"; popup.style.height = "80%"; popup.style.backgroundColor = "transparent"; popup.style.zIndex = "9999"; // 添加图片到悬浮窗 popup.appendChild(popupImg); document.body.appendChild(popup); // 添加点击事件监听器，点击其他区域时隐藏弹出窗口 popup.onclick = function () { popup.style.display = "none"; }我需要悬浮窗随着页面滑动，点击时始终保持在当前页面中间

要实现悬浮窗随着页面滑动并在点击时始终保持在当前页面中间，您可以使用CSS的`position: fixed`属性和JavaScript来实现。以下是修改后的代码：

function showPopup(imageSrc) {
  var popup = document.createElement("div");
  var popupImg = document.createElement("img");
  var scale = 1;

  // 设置弹出窗口中的图片
  popupImg.src = imageSrc;
  popupImg.style.transform = `scale(${scale})`;

  // 设置悬浮窗样式
  popup.style.position = "fixed";
  popup.style.width = "80%";
  popup.style.height = "80%";
  popup.style.backgroundColor = "transparent";
  popup.style.zIndex = "9999";

  // 添加图片到悬浮窗
  popup.appendChild(popupImg);
  document.body.appendChild(popup);

  // 居中弹出窗口
  function centerPopup() {
    var windowHeight = window.innerHeight;
    var popupHeight = popup.offsetHeight;

    // 计算弹出窗口的垂直偏移量
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    var offset = (windowHeight - popupHeight) / 2 + scrollTop;

    // 设置弹出窗口的垂直位置
    popup.style.top = offset + "px";
  }

  // 初始化居中弹出窗口
  centerPopup();

  // 添加滚动和调整窗口大小事件监听器
  window.addEventListener("scroll", centerPopup);
  window.addEventListener("resize", centerPopup);

  // 点击事件监听器，点击其他区域时隐藏弹出窗口
  popup.onclick = function () {
    popup.style.display = "none";
  };

  // 移除滚动和调整窗口大小事件监听器
  function removeListeners() {
    window.removeEventListener("scroll", centerPopup);
    window.removeEventListener("resize", centerPopup);
  }

  // 在窗口关闭时移除事件监听器
  window.onbeforeunload = function () {
    removeListeners();
  };
}

在上面的代码中，我们添加了一个名为`centerPopup`的函数，它计算弹出窗口的垂直偏移量并设置弹出窗口的垂直位置。在`showPopup`函数内部，我们初始化了弹出窗口的居中位置，并添加了滚动和调整窗口大小的事件监听器，以便在页面滑动或调整窗口大小时重新定位弹出窗口。我们还添加了一个`removeListeners`函数来移除事件监听器，以避免内存泄漏。最后，我们使用`window.onbeforeunload`事件在窗口关闭时移除事件监听器。

希望这对您有所帮助！如果您有任何其他问题，请随时提问。