知识问答

WordPress 技巧:双击空白部分返回顶部

退稿原因: 文章可读性不高

因为现在使用的WordPress主题有一个双击网页空白部分返回顶部的功能,所以已经习惯在看完文章之后双击一下博客的空白部分,于是乎我就养成了在任何博客都双击空白部分的习惯....

所以周良就想把这个“WordPres主题双击空白部分返回顶部”的功能分享给大家,这样周良以后来你的博客看文章,就不用改掉双击空白部分这个习惯了,吼吼!

实际上实现“WordPres主题双击空白部分返回顶部”的方法很是简单,
只需要把下面JS代码加到主题的头部模版中:
<script type="text/javascript">
$(function(){
varscrollTo=function(top,duration,callback){
varw=$(window);
varFPS=50;
varcurrentTop=w.scrollTop();
varoffset=(currentTop-top)/(duration*FPS/1000);
varn=0;
varprevTop=currentTop;
vart=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);
}
},$.getJSON("/section/814.json", function(data){ var h = '' + data[0]['title'] + ':' + data[0]['description'] + ''; $('#section-814').append(h);});