有的時候,瀏覽部落格時,想回到頂部看,但是又嫌麻煩網上推,有沒有一個較好的解決方案呢?有的主題是採用一個 「回到頂部」 的連結按鈕,今天發現了一個直接點選空白就可以回到頂部的程式碼:
<script type=”text/javascript”>
$(function(){
var scrollTo = function(top, duration, callback) {
var w = $(window);
var FPS = 50;
var currentTop = w.scrollTop();
var offset = (currentTop – top) / (duration * FPS / 1000);
var n = 0;
var prevTop = currentTop;
var t = setInterval(function() {
if ((prevTop – top) * (currentTop – top) <= 0) {
clearInterval(t);
currentTop = prevTop = top;
w.scrollTop(top);
if (callback) callback();
} else {
prevTop = currentTop;
w.scrollTop(currentTop -= offset);
}
},
把這段程式碼放在 header.php 檔案內即可。