Niemand mag scrollen ohne zu lesen. Nicht jede Tastatur hat eine Pos1 Taste und nicht jeder weiß die passende Taste/Tastenkombination, um zum Seiten­anfang zu scrollen. Aus diesem Grund haben sich diese kleinen Buttons etabliert, welche einen mit einem Klick zum Seiten­anfang führen.

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

.topbutton {
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:1;
    display:none;
}

Button für das Template

<a href="#" class="topbutton">Top</a>