返回顶部按钮在 Firefox 和 IE 中不起作用 [重复]答案

【问题标题】：Back to top button not working in Firefox and IE [duplicate]返回顶部按钮在 Firefox 和 IE 中不起作用 [重复]
【发布时间】：2014-03-06 17:02:27
【问题描述】：

我正在尝试使用 jQuery 创建一个简单的返回按钮，该按钮在 Chrome 中运行良好，但在 Firefox 和 IE 中不起作用。实际上下面的 JSFiddle 即使在 Chrome 中也不起作用。

HTML：

<body>
  <div>
   <span>My long text here.</span>
  </div>
  <div class="back-to-top" onclick="backToTop()"></div>
</body>

javaScript：

function backToTop () {
$("body").animate({ scrollTop: 0 }, 700);
}

我正在使用最新的 jQuery 库。

【问题讨论】：

JSFiddle 不起作用，因为它不喜欢内联 javascript，你应该养成不使用它的习惯，因为它很讨厌。您应该注册以下事件：$(".back-to-top").click(backToTop);

【解决方案1】：

改成

function backToTop () {
    $("html, body").animate({ scrollTop: 0 }, 700);
}

IE和firefox将滚动条附加到html元素，而chrome使用body

你的小提琴不起作用的原因是因为你正在使用“onload”处理程序，它将javascript包装在一个函数中，所以你的函数超出了范围。

这是一个有效的FIDDLE

【讨论】：