WP如何实现双击空白回到顶部

2012/04/16

有的时候,浏览博客时,想回到顶部看,但是又嫌麻烦网上推,有没有一个较好的解决方案呢?有的主题是采用一个“回到顶部”的链接按钮,今天发现了一个直接点击空白就可以回到顶部的代码:

<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文件内即可。

发表评论

邮箱地址不会被公开。 必填项已用*标注