Dateien nach "Minecraft-Modern-Theme/js" hochladen
This commit is contained in:
30
Minecraft-Modern-Theme/js/scroll-to-top.js
Normal file
30
Minecraft-Modern-Theme/js/scroll-to-top.js
Normal file
@@ -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
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user