Blog - Top Button

index.html

<!-- Colocar logo acima da tag <footer> -->
<a href="#" class="topbutton">
	<i class="fa fa-angle-up fa-lg"></i>
</a>

scripts.js

jQuery(document).ready(function($){
    var offset = 100;
    var speed = 250;
    var duration = 500;
	   $(window).scroll(function(){
            if ($(this).scrollTop() < offset) {
			     $('.topbutton') .fadeOut(duration);
            } else {
			     $('.topbutton') .fadeIn(duration);
            }
        });
	$('.topbutton').on('click', function(){
		$('html, body').animate({scrollTop:0}, speed);
		return false;
		});
});

style.css

.topbutton {
	    background: none repeat scroll 0 0 rgb(46, 142, 67);
	    border-radius: 50%;
	    color: rgb(255,255,255) !important;
	    bottom: 2em;
	    box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	    cursor: pointer;
	    display: none;
	    height: 3rem;
	    line-height: 3rem;
	    position: fixed;
	    right: 1.5em;
	    text-align: center;
	    text-decoration: none;
	    transition: border 0.3s ease-in-out 0s;
	    width: 3rem;
	    z-index: 999999;
	}