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:
HTML
<!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