增加漂浮到顶部、底部、评论区按钮

想增加一个侧边滑动的能跳转到顶部、底部的按钮。
在往上找了一番相关的方法，找到一个不错的，搬过来保存一下。并结合自己的情况整理一下。

效果如下：

1、在主题的header.php插入如下代码：

2、确认已经加载jquery，并导入js。
如果当前主题没有加载jquery，加入方法如下：
①直接使用Google code的，只需要在header加入如下代码：

②考虑到大陆连接Google可能会出现异常，也可以自己下载jquery文件到网站目录。下载点击这里（jquery官方站点）
PS：测试过最新的jQuery 1.7.1以及最常用的1.3.2不兼容，所以我们还是使用1.2.3版的。
加入本地jQuery库：

然后就在header加入导入js的代码：

shangxia.js内容如下：

jQuery(document).ready(function($) {
var s = $('#shangxia').offset().top;
$(window).scroll(function() {
$("#shangxia").animate({
top: $(window).scrollTop() + s + "px"
},
{
queue: false,
duration: 500
})
});
$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$('#shang').click(function() {
$body.animate({
scrollTop: '0px'
},
400)
});
$('#xia').click(function() {
$body.animate({
scrollTop: $('#footer').offset().top
},
400)
});
$('#comt').click(function() {
$body.animate({
scrollTop: $('#comments').offset().top
},
400)
});
});

3、添加CSS代码。把下面的CSS代码加到主题的style.css中

/*---------------------滑动按钮-----------------------*/
#shangxia{
position:fixed;
top:40%;
right:0px;
display:block;
}
/* 使用fixed使id=“shangxia”的对象固定于浏览器中，相对的上距离为40%，左距离为50%（即居中），然后向右移动525px。
较窄主题：
#shangxia{position:absolute;top:40%;right:50%;margin-right:-525px;display:block;}
较宽主题：
#shangxia{position:fixed;top:40%;right:1%;display:block;}，相对右边距1% */
#shang,#comt,#xia{
background:url(images/huadong.png) no-repeat;
position:relative;
cursor:pointer;
height:25px;
width:29px;
margin:10px 0 0;
}
#comt{
background-position:center -30px;
height:32px;
}
#xia{
background-position:center -68px;
}

4、对css代码进行微调以适合自己的主题。

附：滑块图片（可以根据自己的主题修改颜色，记住底色是要透明的，我的是白色的，如果看不到细心找找，就在下面）