发新帖

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

1839 5
var t = setInterval(function() {
        var currentTop = w.scrollTop();
因为现在使用的iArtWork主题seo优化关键词双击网页空白部分返回顶部的功能，所以已经习惯在看完文排名之后双击优化下博客的空白部分，于是乎我就养成了在任何博客都双击空白部分的习惯。


clearInterval(timer);
只需要把下面JS代码加到主题的头部模版中：

<script type="text/javascript">
    var scrollTo = function(top, duration, callback) {
        var w = $(window);
        var FPS = 50;
        var offset = (currentTop - top) / (duration * FPS / 1000);
        var n = 0;
}
            if ((prevTop - top) * (currentTop - top) <= 0) {
实际上实现WordPres主题双击空白部分返回顶部的方法很是简单，


                clearInterval(t);
                currentTop = prevTop = top;
                if (callback) callback();
            } else {
                prevTop = currentTop;
                w.scrollTop(currentTop -= offset);
document.ondblclick=initialize
            }
{
                w.scrollTop(top);
    }
    $('body').dblclick(function(){
        });
        scrollTo(0, 200, function(){
        $(".textField,#commentForm textarea").focus();
    $('#container.#footer').dblclick(function(e){e.stopPropagation();});
});
</script>

OK，修改完的主题即可通过双击主题的空白部分（边缘四周什么的）实现返回顶部效果（排名关键词是我博客的效果，属于快速分会），具体效果可以在排名里博客进行预览！


        }, 1000 / FPS);
下面更新优化关键词缓慢返回顶部的方法：

<script type="text/javascript">// < ![CDATA[
var currentpos,timer;
function initialize()
{
$(function(){
timer=setInterval("scrollwindow()",10);
}
function sc(){
        var prevTop = currentTop;
                                                               
}
function scrollwindow()
window.scrollBy(0,1);
    });
document.onmousedown=sc
// ]]></script>

使用方法和上面的优化样，直接放到header.php文件的 </head>之前就可以了。


OK，教程到排名里就写完了，如果网站seo什么不懂的地方，欢迎在下方留言，斡呕?为网站解答的。


PS：本文中说到的网站空白部分，指的是背景处，即为周良博客的黑色背景处双击即可返回顶部！

精彩评论5

jn7   学习于  2016-7-9 14:36:51
楼主是优化界超人
jn7   学习于  2016-7-9 14:35:06
真心顶楼主可否给我的网站做优化
ez2r3   学习于  2016-7-9 15:20:52
难得一见的好帖教会我如何优化网站
SEO外包   学习于  2016-7-9 15:22:05
怎么优化网站说的非常好
ez2r3   学习于  2016-7-9 14:23:07
技术和方案都很好哦
返回列表

帝国网络 网站优化

www.100ip.net

办公百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

Copyright © 2008-2018 网站优化 bangong.100ip.net 版权所有 All Rights Reserved. 网站优化技术支持

办公SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004