正如标题所示。
如果网页很长，则需要在页面中添加返回顶部的功能。 这个功能我们有很多实现的方法。 例如，可以使用window.scroll to (0，100 )来实现。
如果我追求实现的效果的话。
例如，如果页面滑动到一定距离后出现此后退按钮，则后退按钮需要淡出效果才能出现或消失。 来吧，用下面的函数来产生这个效果吧。
js代码：
//返回顶部按钮
$ (document.ready (function ) )。
向下滚动//页面300px以上时按钮会显示，否则会隐藏
$(window ).scroll(function ) {
if($(this ).scrollTop ) ) 300 ) ) )。
$'.back-to-top'.fadein(700 )； //淡淡地进入
} else {
$'.back-to-top'.fadeout(700 )； //淡淡地进入
}
)；
单击//按钮向上滚动
$ '.back-to-top '.click (function (event ) )。
event.preventDefault (；
利用animate实现缓慢向上滑动的功能
$(html，body ) ).animate({scrolltop:0}，500 )；
() )
)； html内容
回到首位
css内容：back-to-top {
定位：固定；
bottom: 1em；
right: 9.5em；
background-color: #000；
opacity:0.8；
文本照明3360中心；
padding: 10px 12px；
颜色： # eee；
-webkit-border-radius: 3px；
-moz-border-radius: 3px；
border-radius: 3px；
cursor: pointer；
显示： none；
z-index:9000；
}
. back-to-top span{
font-size:14px；
字体故障： ' Microsoft Yahoo '；
}实现效果正如demo显示的效果一样。