返回到顶部按钮实现

<div id="gotop"><span class="glyphicon glyphicon-chevron-up"></span></div> //bootstrap图标

#gotop{

display:none;

font-size: 25px;

color:#fff;

text-align: center;

background: #aaa;

padding:10px 15px;

position:fixed;

right:50px;

bottom:50px;

cursor:pointer;

}

function goTop()

{

$(window).scroll(function(e) {

//若滚动条离顶部大于100元素

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

$("#gotop").fadeIn(1000);//以1秒的间隔渐显id=gotop的元素

else

$("#gotop").fadeOut(1000);//以1秒的间隔渐隐id=gotop的元素

});

};