Willkommen auf dem Portal für Mediengestalter

ypsiw · Threadersteller

Muss einen Scroll to Top Button in die Webseite einsetzen. Es ist alles sichtbar...das einzige Problem ist, er scrollt nicht nach oben. Ich bin jetzt schon ewig dran, finde aber den Fehler nicht.

Im CSS:
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}

Auf der PHP-Seite:
<script>
// ===== Scroll to Top ====
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
$('#return-to-top').fadeIn(200); // Fade in the arrow
} else {
$('#return-to-top').fadeOut(200); // Else fade out the arrow
}
});
$('#return-to-top').click(function() { // When arrow is clicked
$('body,html').animate({
scrollTop : 0 // Scroll to top of body
}, 500);
});
</script>

Im Head auf der index.php:

<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Wäre schön, wenn mir einer helfen könnte. Ich dreh hier sonst durch. *ha ha*

hadouken · **Verfasst** Di 09.05.2017 12:31 **Titel**

Mit Head meinst du <head>? Das <a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a> ist im <head>?

Willkommen auf dem Portal für Mediengestalter

Thema: Scroll to Top vom 09.05.2017

Scroll to Top