起首 引进jQuery js代码以下 $(function(){         //当滑动条的地位 处于距顶部 一00像艳如下时，跳转链交涌现 ，不然 消逝         $(function () {             $(window).scroll(function(){                 if ($(window).scrollTop()> 一00){                     $("#backtop").css("bottom"," 一px");                 }                 else                 {                     $("#backtop").css("bottom","- 一00px");                 }             });             //当点击跳转链交后，归到页里顶部地位             $("#backtop").click(function(){                 //$('body,html').animate({scrollTop:0}, 一000);         if ($('html').scrollTop()) {                 $('html').animate({ scrollTop: 0 },  一000);                 return false;             }             $('body').animate({ scrollTop: 0 },  一000);                  return false;                        });             });     });

css

#backtop{position:fixed;right: 七. 五%;bottom:- 一00px;z-index: 二;overflow:auto;width: 五 四px;height: 五 四px;border-top-right-radius: 五0px;border-top-left-radius: 五0px;background-image:url(btt.png);background-position:0 0;cursor:pointer;-webkit-transition:all . 五s ease-in-out;-moz-transition:all . 五s ease-in-out;-o-transition:all . 五s ease-in-out;transition:all . 五s ease-in-out;-ms-transition:all . 五s ease-in-out}

html

<div id="backtop" title="回归顶部" style="bottom:⑴00px;"></div>

图片艳材