-
WordPress 技巧:双击空白部分返回顶部
2014-12-24 19:27:57 seo教程 次阅读 查看评论
因为现在使用的iArtWork主题有一个双击网页空白部分返回顶部的功能,所以已经习惯在看完文章之后双击一下博客的空白部分,于是乎我就养成了在任何博客都双击空白部分的习惯。
实际上实现“WordPres主题双击空白部分返回顶部”的方法很是简单,
<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);
}
}, 1000 / FPS);
}
$('body').dblclick(function(){
scrollTo(0, 200, function(){
});
$(".textField,#commentForm textarea").focus();
});
$('#container.#footer').dblclick(function(e){e.stopPropagation();});
});
</script>
OK,修改完的主题即可通过双击主题的空白部分(边缘四周什么的)实现返回顶部效果(这个是我博客的效果,属于快速分会),具体效果可以在这里博客进行预览!下面更新一个缓慢返回顶部的方法:
<script type="text/javascript">// < ![CDATA[
zhushican原创文章,转载请注明出处! 标签:
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
window.scrollBy(0,1);
}
document.onmousedown=sc
document.ondblclick=initialize
// ]]></script>
使用方法和上面的一样,直接放到header.php文件的 </head>之前就可以了。
相关日志:
- 2015-12-13 19:42:2 解决wordpress升级后出现的循环重定向过多问题
- 2015-11-4 21:7:7 最好的8个Wordpress插件
- 2015-11-4 21:5:49 如何删除wordpress自动保存的草稿
- 2015-10-6 17:59:37 不登录控制面板也能检查 WordPress 新版本
- 2015-10-6 17:23:53 将Lightbox特效整合到WordPress主题中
- 控制面板
-
- 最近发表
-
- 网站分类
-
- 搜索
-
- Tags列表
-
- 网站收藏
-
- 图标汇集
-
- 友情链接
-
评论列表: