ページのTOPへボタン

html

<!-- ブートストラップ使用 -->
<button id="back-to-top" class="btn btn-success" style="position:fixed;right:5px;bottom:5px;display:none;opacity:0.8;">
    <i class="icon-arrow-up"></i>このページのトップへ
</button>

jQuery

//下へスクロールすると表示され、上へスクロールすると非表示に。
$(window).scroll(function(){
    if($(this).scrollTop() > 60){
        $('#back-to-top').fadeIn();
    }else{
        $('#back-to-top').fadeOut();
    }
});
//クリック時にTOPへ
$('#back-to-top').click(function(){
    $('body').animate({
        scrollTop:0
    },500)
});