侧面弹出 Window

Question

我有兴趣在页面左下角放置一个弹出窗口 window，有点像 Cloudflare Flashcard 应用程序，但使用纯 JS 和 HTML .

它看起来有点 like this 在页面的左下角，但它不会干扰滚动或成为模式。

谢谢， 编码

Answer 1

对于 window 你可以使用这个 css:

.popup {
   position: fixed;
   left: 20px;
   bottom: 20px;
}

然后show/hide：

document.querySelector(".popup").style.opacity = 1; // show
document.querySelector(".popup").style.opacity = 0; // hide

工作演示：https://jsfiddle.net/bortao/wq12aju5/