WordPress 能力:双击空缺部门返回顶部

  因为此刻利用的iArtWork主题有一个双击网页空缺部门返回顶部的成果,所以已经习惯在看完文章之后双击一下博客的空缺部门,于是乎我就养成了在任何博客都双击空缺部门的习惯。

  实际上实现“WordPres主题双击空缺部门返回顶部”的要领极端简朴,

  只需要把下面JS代码加到主题的头部模版中:

<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[
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文件的 之前就可以了。

  OK,教程到这里就写完了,假如你有什么不懂的处所,接待在下方留言,我会为你解答的。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10132.html