张家口SEO优化将网站关键词排名推广到百度快照第1页
152-1580-3335
网站推广、网站建设专家！
专业、务实、高效
网站推广、网站建设专家！
专业、务实、高效
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文件的 </head>之前便能够了。
OK，教程到那里便写完了，假如您有甚么没有懂的处所，欢送正在下圆留行，我会为您解问的。
PS：本文中道到的网站空缺部门，指的是布景处，即为周良专客的乌色布景处单击便可返回顶部！
注：相干网站建立本领浏览请移步到建站教程频讲。
相关信息
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
