More actions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
// Crear y agregar el botón flotante al cargar la página | // Crear y agregar el botón flotante al cargar la página | ||
Revision as of 19:56, 16 November 2024
/* Any JavaScript here will be loaded for all users on every page load. */
// Crear y agregar el botón flotante al cargar la página
document.addEventListener("DOMContentLoaded", function () {
const backToTopButton = document.createElement("div");
backToTopButton.id = "backToTop";
backToTopButton.textContent = "↑"; // Flecha hacia arriba
backToTopButton.onclick = scrollToTop;
document.body.appendChild(backToTopButton);
});
// Función para volver al inicio
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: "smooth" // Desplazamiento suave
});
}
// Mostrar el botón al hacer scroll hacia abajo
window.addEventListener("scroll", function () {
const backToTopButton = document.getElementById("backToTop");
if (window.scrollY > 200) {
backToTopButton.classList.add("show");
} else {
backToTopButton.classList.remove("show");
}
});