Niemand mag scrollen ohne zu lesen. Nicht jede Tastatur hat eine Pos1 Taste und nicht jeder weiß die passende Taste/Tastenkombination, um zum Seitenanfang zu scrollen. Aus diesem Grund haben sich diese kleinen Buttons etabliert, welche einen mit einem Klick zum Seitenanfang führen.
Javascript in extra Datei oder im footer
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>