返回页首按钮不工作在Firefox和IE

-1

我想创建一个简单的回到按钮与jQuery在Chrome中运行良好，但它不适用于Firefox和IE。实际上，下面的JSFiddle即使在Chrome中也不起作用。返回页首按钮不工作在Firefox和IE

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库。

2014-03-06 Esser

的jsfiddle不起作用，因为它不喜欢内嵌的JavaScript，你应该进入，因为它是讨厌不使用它的习惯中。你应该注册一些事件，如：$（“。back-to-top”）。click（backToTop）;' – musefan

将其更改为

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

IE和Firefox附加滚动条到html元素，而镀铬使用body

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

这里的工作FIDDLE

2014-03-06 17:03:00 adeneo

回答