[Back to top button]

button.html

<a href="#" id="back-to-top"></a>

snippet.js

jQuery(window).on('load',function(){ 
	//Click event to scroll to top
    $('#back-to-top').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});

jQuery(window).scroll(returnTop);

function returnTop() {
    // Show button after 100px
    var showAfter = 100;

    if ( $(this).scrollTop() > showAfter ) { 
        $('#back-to-top').fadeIn();
    } else { 
        $('#back-to-top').fadeOut();
    }
}

styles.css

#back-to-top {
	position: fixed;
	bottom: 8px;
	right: 8px;
	z-index: 9999;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	display: none;
}