首页 > 新闻资讯 > wordpress迅速回顶技巧

wordpress迅速回顶技巧

5条评论
标签:
更多

很多博主都会遇到这个情况,有时候wordpress里的文章偏长,阅读到文章末尾的时候需要滑动鼠标才能回到文章顶部,这样就会比较麻烦。笔者在此分享一段双击空白处就能迅速回到文章顶部的代码,记得把JS代码放到当前主题的头文件header.php中。

<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>

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
这个不错啊,收藏了
#2
其实只要有一定的电脑基础的用户, 都应该知道: HOME键 可以直接回顶。。。
#3
这个我记得以前在空间里面第一次发现,觉得不错。
#4
技巧不错学习了啊
#5
这个东西在别人的博客上看到过,一直觉得不错,原来这样就可以实现了呀,真好!