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