返回頁首按鈕不工作在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

回答