Question

我在我的基本模板中添加了Scroll Back To Top Button，它运行正常。但是当我去任何其他页面时，按钮不会起作用。为什么呢？！

这是我的基本模板：

<!DOCTYPE html>
<html>
  <head></head>

  <body>
    <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
    .
    .
    <div class="container">
      #import("content") 
    </div>
    .
    .
  </body>
</html>

我正在使用上述链接中的JavaScript：

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

function scrollFunction() {
  if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
    $('#myBtn').fadeIn();
  } else {
    $('#myBtn').fadeOut();
  }
}

function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}

该按钮仅适用于主页，但不在任何其他页面上，即使我看到（来自查看页面来源）<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>在正文中。有人可以帮忙吗？

Answer 1

上面的代码实际上是正确的，现在按钮在每个页面上都能正常运行。在 tobygriffin 指出之后，我注意到我之前没有出现Cannot read property 'style' of undefined错误。修复该错误后，该按钮正在处理所有页面。

即使这对我来说是一个愚蠢的错误，我仍然保留这个Q＆amp; A（不删除它）希望有人可能会发现它有用:)

滚动到顶部按钮在子模板中不起作用

1 个答案: