当前位置: 代码迷 >> Web开发 >> 100分扒一个返回顶部JS
  详细解决方案

100分扒一个返回顶部JS

热度:149   发布时间:2013-01-12 16:25:03.0
100分扒一个回到顶部JS
http://www.cnblogs.com/lhb25/

那个很不错。
------解决方案--------------------
function backTop(){
    $(function(){
        // hide #back-top first
        $("#back-top").hide();
        // fade in #back-top
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 500) {
                    $('#back-top').fadeIn();
                } else {
                    $('#back-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-top a').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });
    });
}
backTop();

------解决方案--------------------
function backTop(){
$(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 500) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
}
backTop();

------解决方案--------------------
没看见楼主贴的链接的gotop
封装了个

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body style="height:2000px;">
<script>
;(function(w, d){
var o = d.createElement('div');
d.getElementsByTagName('body')[0].appendChild(o);
o.style.cssText = 'display:none; position:absolute; top:0; right:10px; padding:0 4px 4px; width:12px; border:1px solid #6eaae5; color:#6eaae5; font-size:12px; cursor:pointer;';
  相关解决方案