css文件
.backToTop{
display:none;
width:18px;
line-height:1.2;
padding:5px 0;
background-color:#000;
color:#fff;
font-size:12px;
text-align:center;
position:fixed;
right:10px;
bottom:100px;
cursor:pointer;
opacity:.6; //透明度
filter:Alpha(opacity=60);
}
脚本代码:特别注意此脚本的位置,最好是放在body的底部,反正不不能放在head中,至于为什么?好像是html的加载顺序,从head到body,没有body怎么能生成dom呢,是不是这个样子欢迎大家说说想法
<script>
$(function() {
var $backToTopTxt = "返回顶部",
$backToTopEle = $('<div class="backToTop"></div>').appendTo($("body")).text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
$("html, body").animate({ scrollTop: 0 }, 120);
}), $backToTopFun = function() {
var st = $(document).scrollTop(), winh = $(window).height();
(st > 0)? $backToTopEle.show(): $backToTopEle.hide();
//IE6下的定位
if (!window.XMLHttpRequest) {
$backToTopEle.css("top", st + winh - 166);
}
};
$(window).bind("scroll", $backToTopFun);
$(function() { $backToTopFun(); });
});
</script>