basti1012: Danke für deine Bemühungen.
Wenn ich den Code so in meine HTML einbaue, funktioniert es auf meiner "Beispiel" Website. Im Original, wo noch ein paar mehr Scripte sind, wird mir der blaue Scroll back to top button zwar auch angezeigt, jedoch´ohne Funktion?!
basti1012: Nee, so klappt es leider nicht.
Das habe ich schon probiert. Das funktioniert leider nicht. Denke das entweder dann das Script in der externene Datei etwas abgeändert werden muss, oder
evtl. mit dieser Zeile hier zu tun:
<!-- BackToTop Button -->
33. <a href="javascript:void(0);" id="scroll" title="Scroll to Top" style="display: none;">Top<span></span></a>Wäre schön wenn sich das jemand einmal ansehen könnte.
Hallo Leute,
bin gerade dabei meine ersten Schritte in Sachen HTML, CSS und Java Script zu machen. Habe mir mit Hilfe einiger frei zugänglichen Templates meine Website zusammen gebaut.
Verzweifel aber gerade dabei einen „back to top“ Button vernünfit einzubauen. Da ich mehere Seiten habe und den HTML Code nicht aufblähen möchte, würde ich den CSS und das Java Script gerne auslagern und als separate Datei einbinden. Die CSS Datei habe ich so bereits eingebunden.
Nur das Java Script funktioniert nicht.
Aktuell sieht meine HTML Datei so aus:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Back To Top</title>
<!-- JAVA SCRIPT -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if($(this).scrollTop() > 100){
$('#scroll').fadeIn();
}else{
$('#scroll').fadeOut();
}
});
$('#scroll').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
<!-- STYLE CSS-->
<link rel="stylesheet" media="all" href="BackToTop Button Script (html, css, js).css"/>
</head>
<body>
<!-- BackToTop Button -->
<a href="javascript:void(0);" id="scroll" title="Scroll to Top" style="display: none;">Top<span></span></a>
<!-- ++++++++++++ Page Content Goes Here ++++++++++++ -->
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
</body>
</html>
Kann mir jemand helfen das Java Script so umzuschreiben/umzuscripten dass ich es als separate Datei einbinden kann?!
Gruß,
bergi