Fandom

Wikia Developers Wiki

BackToTopButton/es

< BackToTopButton

823pages on
this wiki
Add New Page
Talk0 Share

Descripción

Si a menudo tienes que volver al principio de una página muy larga, este script te salvará de perder tanto tiempo.

Añade un botón de "Volver Arriba" en el footer del skin Oasis.

Instalación

Para instalarlo añade lo siguiente en tu global.js, si lo quieres para uso personal, o en el MediaWiki:Common.js o MediaWiki:Wikia.js de la Wiki, si quieres que se use en todo el sitio.

importScriptPage('BackToTopButton/code.js', 'dev');

Personalización

Si quieres ajustar la velocidad de subida, decidir en qué momento aparecerá el botón en la página u otras opciones, añade las siguientes líneas antes del import al script.

Velocidad de subida

Para ajustar la velocidad de subida añade:
var Speed = X;
Donde X es el número que quieras. Números más altos significan menos velocidad y los más bajos significan más velocidad de subida en la página. Por defecto es de 600.

Aparición

Para ajustar en qué momento aparezca el botón añade:
var Start = X;
Donde X es el número que quieras. Números más altos significan que se deberá bajar más antes de que el botón aparezca. Por defecto es de 800.

Formato del botón

También puedes cambiar el formato del botón como desees usando CSS. Por ejemplo:
/* Formato del Botón Volver Arriba */
#backtotop button{
    background: none;
    background-color: transparent;
    color: white;
    border: none;
}
#backtotop button:hover {
    text-decoration: underline;
}


El CSS de arriba hará que el botón se vea como un simple enlace.

Desactiva los efectos fade del botón

Para desactivar los efectos fade añade:
var ToggleFading = 0;
Para reactivar el efecto simplemente retira esta línea de tu global.js.
El efecto fade del botón por defecto es de On (Activado).

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.