回到顶部按钮不能在Firefox和IE中工作

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