javascript - 我无法将 var 设置为 window.screenY

Question

虽然我了解 Java，但我不熟悉 HTML、CSS 和 JavaScript。

我想要一个图片库，我已经下载了，但我唯一能够编码的东西是在页面底部的容器中打开的。所以我编写的代码使它更“专业”的是一些 JavaScript 函数:首先打开它，保存 y 位置，然后一直向下滚动，创造它打开图像的错觉。之后，当您单击 x 时，它将向上滚动到 x=0 和保存的 y 位置，然后关闭窗口。

一切正常，但 y 位置的变量只保存为 0。这是调用它的 HTML 代码部分:

<img src="image.jpg" alt="An Image" style="width:100%" onclick="myFunction(this);">`

这是 JavaScript 函数:

var windowy;
  function myFunction(imgs) {
    var expandImg = document.getElementById("expandedImg");
    var imgText = document.getElementById("imgtext");
    expandImg.src = imgs.src;
    imgText.innerHTML = imgs.alt;
    expandImg.parentElement.style.display = "block";
    windowy = window.screenY;
    window.scrollBy(0, 999999999999999);
  }
  function  quitall(imgs) {
    imgs.parentElement.style.display='none';
    window.scrollTo(0,windowy);
  }

最后，这里是关闭和滚动到“windowy”的 html 代码:

<div class="container">
  <span onclick="quitall(this);" class="closebtn">&times;</span>
  <img id="expandedImg" style="width:100%">
  <div id="imgtext"></div>
</div>

我是新手，所以如果你问我函数括号中的“this”或“imgs”是什么，我不知道。我只需要知道在声明变量时我做错了什么。

Answer 1

如果您想捕获页面位置的滚动，我的建议是尝试 window.pageYOffset。

更多信息https://developer.mozilla.org/en-US/docs/Web/API/Window/pageYOffset