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

De Micropedia
Ir para navegação Ir para pesquisar
(ajuste posição scroll-to-top button)
(ajuste necessidade de scroll)
Linha 4: Linha 4:
 
     // Cria o botão scroll-to-top button
 
     // Cria o botão scroll-to-top button
 
     var $botaoTopo = $('<div id="botaoTopo">⬆️ Topo</div>').css({
 
     var $botaoTopo = $('<div id="botaoTopo">⬆️ Topo</div>').css({
        display: "none",
+
            display: "none",
        position: "fixed",
+
            position: "fixed",
        bottom: "115px", // <-- Subido 2,5cm (~95px)
+
            bottom: "85px",   // posição do botão para não tampar ícones inferiores  (~85px)
        right: "20px",
+
            right: "20px",
        padding: "10px 15px",
+
            padding: "10px 15px",
        background: "#9bbeab",
+
            background: "#9bbeab",
        color: "#000",
+
            color: "#000",
        "border-radius": "8px",
+
            "border-radius": "8px",
        cursor: "pointer",
+
            cursor: "pointer",
        "box-shadow": "0 2px 6px rgba(0,0,0,0.3)",
+
            "box-shadow": "0 2px 6px rgba(0,0,0,0.3)",
        "font-weight": "bold",
+
            "font-weight": "bold",
        "z-index": "9999"
+
            "z-index": "9999"
    }).appendTo("body");
+
        }).appendTo("body");
  
    // Mostrar/esconder com base no scroll
+
        // Mostrar/esconder ao rolar a página
    $(window).scroll(function() {
+
        $(window).on("scroll", function () {
        if ($(this).scrollTop() > $(document).height() / 2) {
+
            var limite = $(document).height() * 0.3; // aparece a partir de 30% do scroll
            $botaoTopo.fadeIn();
+
            if ($(this).scrollTop() > limite) {
        } else {
+
                $botaoTopo.fadeIn();
            $botaoTopo.fadeOut();
+
            } else {
        }
+
                $botaoTopo.fadeOut();
    });
+
            }
 +
        });
  
    // Ação ao clicar
+
        // Ação do clique
    $botaoTopo.click(function() {
+
        $botaoTopo.on("click", function () {
        $("html, body").animate({scrollTop: 0}, 500);
+
            $("html, body").animate({ scrollTop: 0 }, 500);
        return false;
+
            return false;
 +
        });
 
     });
 
     });
 
});
 
});

Edição das 13h42min 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: "85px",   //  posição do botão para não tampar ícones inferiores  (~85px)
            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 ao rolar a página
        $(window).on("scroll", function () {
            var limite = $(document).height() * 0.3; // aparece a partir de 30% do scroll
            if ($(this).scrollTop() > limite) {
                $botaoTopo.fadeIn();
            } else {
                $botaoTopo.fadeOut();
            }
        });

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