Question

我有一个很好用的'scrolltop'脚本，可以在我的网站上正常工作。

但是，它是一个“按钮”功能脚本。

在某些情况下，我需要执行此脚本，从按钮功能到'onload'功能。

我不足以能够转换脚本。如果有人可以告诉我如何做到这一点，我们将不胜感激。

这是脚本（按钮功能）：

    <button onclick="topFunction()" id="myBtn"><span class="BtnText">Page Top<span></button>

    <script>
    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";}}
    function topFunction() {document.body.scrollTop = 0; document.documentElement.scrollTop = 0;} 
    </script>

Answer 1

我不完全确定你是否打算在页面加载时执行函数topFunction()。

但是，如果是这样的话：

<script>
window.onload = function() {
  topFunction();
}
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";
  }
}
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>

将Javascript按钮函数转换为Onload函数

1 个答案: