diff --git a/Minecraft-Modern-Theme/js/scroll-to-top.js b/Minecraft-Modern-Theme/js/scroll-to-top.js new file mode 100644 index 0000000..fc24ba1 --- /dev/null +++ b/Minecraft-Modern-Theme/js/scroll-to-top.js @@ -0,0 +1,30 @@ +jQuery(document).ready(function($) { + // Wähle den Button aus + var scrollButton = $('#scroll-to-top'); + + // Funktion zum Anzeigen oder Verstecken des Buttons + function toggleScrollButton() { + // Wenn mehr als 300px gescrollt wurde, zeige den Button + if ($(window).scrollTop() > 300) { + scrollButton.addClass('show'); + } else { + scrollButton.removeClass('show'); + } + } + + // Event Listener für das Scrollen + $(window).on('scroll', function() { + toggleScrollButton(); + }); + + // Event Listener für den Klick auf den Button + scrollButton.on('click', function(e) { + // Verhindere das Standardverhalten des Links + e.preventDefault(); + + // Scrolle die Seite sanft nach oben + $('html, body').animate({ + scrollTop: 0 + }, 800); // 800ms für eine sanfte Animation + }); +}); \ No newline at end of file