javascript - 将弹出窗口滚动到屏幕外

Question

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

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

标签： javascriptpopupwindow

Answer 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>