js实现返回顶部|js实现返回顶部效果

【www.bbyears.com--js教程】

 #back-to-top{ position: fixed; bottom: 50px; right: 10%; }

 返回顶部

<scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

 <scripttype="text/javascript">

 $(document).ready(function(){

  //首先将#back-to-top隐藏

  $("#back-to-top").hide();

  //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失

  $(function () {

    $(window).scroll(function(){

    if ($(window).scrollTop()>100){

    $("#back-to-top").fadeIn(100);

    }

    else

    {

    $("#back-to-top").fadeOut(100);

    }

    });

    //当点击跳转链接后，回到页面顶部位置

    $("#back-to-top").click(function(){

    $('body,html').animate({scrollTop:0},"speed");

    return false;

    });

    });

    });

 </script>

本文来源：http://www.bbyears.com/wangyezhizuo/130281.html