Mudanças entre as edições de "MediaWiki:Common.js"

De Micropedia
Ir para navegação Ir para pesquisar
m (Protegido "MediaWiki:Common.js": Afeta estruturas. ([Editar=Permitir apenas administradores] (indefinidamente) [Mover=Permitir apenas administradores] (indefinidamente)))
(teste de scroll-to-top button)
Linha 1: Linha 1:
 
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
 
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
 +
 +
$(function() {
 +
    // Cria o botão scroll-to-top button
 +
    var $botaoTopo = $('<div id="botaoTopo">⬆️ Topo</div>').css({
 +
        display: "none",
 +
        position: "fixed",
 +
        bottom: "20px",
 +
        right: "20px",
 +
        padding: "10px 15px",
 +
        background: "#9bbeab",
 +
        color: "#000",
 +
        "border-radius": "8px",
 +
        cursor: "pointer",
 +
        "box-shadow": "0 2px 6px rgba(0,0,0,0.3)",
 +
        "font-weight": "bold",
 +
        "z-index": "9999"
 +
    }).appendTo("body");
 +
 +
    // Mostrar/esconder com base no scroll
 +
    $(window).scroll(function() {
 +
        if ($(this).scrollTop() > $(document).height() / 2) {
 +
            $botaoTopo.fadeIn();
 +
        } else {
 +
            $botaoTopo.fadeOut();
 +
        }
 +
    });
 +
 +
    // Ação ao clicar
 +
    $botaoTopo.click(function() {
 +
        $("html, body").animate({scrollTop: 0}, 500);
 +
        return false;
 +
    });
 +
});

Edição das 13h20min de 28 de setembro de 2025

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

$(function() {
    // Cria o botão scroll-to-top button
    var $botaoTopo = $('<div id="botaoTopo">⬆️ Topo</div>').css({
        display: "none",
        position: "fixed",
        bottom: "20px",
        right: "20px",
        padding: "10px 15px",
        background: "#9bbeab",
        color: "#000",
        "border-radius": "8px",
        cursor: "pointer",
        "box-shadow": "0 2px 6px rgba(0,0,0,0.3)",
        "font-weight": "bold",
        "z-index": "9999"
    }).appendTo("body");

    // Mostrar/esconder com base no scroll
    $(window).scroll(function() {
        if ($(this).scrollTop() > $(document).height() / 2) {
            $botaoTopo.fadeIn();
        } else {
            $botaoTopo.fadeOut();
        }
    });

    // Ação ao clicar
    $botaoTopo.click(function() {
        $("html, body").animate({scrollTop: 0}, 500);
        return false;
    });
});