Html 如何在我的网站上使用css转换按钮

我需要在我的网站上做一个下载按钮，比如这个网站“www.showboxdownload.com”

---

向下滚动时可以看到右下角。我需要使按钮在有人向下滚动时同样可见，在向上滚动时隐藏。提前感谢

您需要听一个滚动条

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    document.getElementById("myBtn").style.display = "block";
  } else {
    document.getElementById("myBtn").style.display = "none";
  }
}

然后添加一个id为ismyBtn的按钮，如：

Download

，初始显示为none。 例如，您可以使用：

#myBtn {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
}

---

只需使用任何教程并替换按钮的功能。也许在你问下一个问题之前先检查一下。非常感谢，下次会记住的。请原谅，我是个笨蛋