将弹出窗口滚动到屏幕外答案

【问题标题】：Scrolling Popup Window Out of Screen将弹出窗口滚动到屏幕外
【发布时间】：2020-07-21 13:15:22
【问题描述】：

我们打开弹出窗口。我们想把它从屏幕上滑下来。 “Right”和“Top”部分可以尽量制作。怎么才能滑出屏幕呢？

var wind = window.open("https://www.google.com","","width=50,height=50,left=1500%,top=1000%");

【问题讨论】：

标签： javascript popup window

【解决方案1】：

虽然我不太确定您的特定用例，但通过切换不透明度和右/左，您可以实现 div 走出屏幕的“效果”。

function move() {
  let element = document.getElementById("box");
  element.style.transform = "translate(-400px)";
  element.style.right = 0;
  element.style.opacity = 0;
}

#box {
  width: 300px;
  height: 200px;
  background: blue;
  margin-bottom: 20px;
  color: white;
  transition: all 0.3s ease;
  opacity: 1;
  position: absolute;
}

#btn {
  margin-top: 300px;
}

<div id="box">Hello</div>

<button id="btn" onclick="move()">Click</button>

【讨论】：

谢谢。我们用 Javascript 打开弹出窗口。我们希望这个弹出窗口离开屏幕。我们希望我在添加的图片中显示的窗口不可见或退出屏幕。我们该怎么做？我们像这样打开窗户。 "var wind = window.open("google.com","","宽度 = 50, 高度 = 50, 左边 = 1500%, 顶部 = 1000%");