Mudanças entre as edições de "MediaWiki:Common.js"
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", | |
| − | + | 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; | |
| + | }); | ||
}); | }); | ||
}); | }); | ||
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;
});
});
});