Question

我正在尝试使用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库。

Answer 1

将其更改为

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

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

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

这是一个有效的FIDDLE