Mudanças entre as edições de "MediaWiki:Common.js"
Ir para navegação
Ir para pesquisar
(ajuste necessidade de scroll) |
(teste de ajuste) |
||
| 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: "115px", // <-- Subido 2,5cm (~95px) | |
| − | + | 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() / 0.3) { | |
| − | + | $botaoTopo.fadeIn(); | |
| − | + | } else { | |
| − | + | $botaoTopo.fadeOut(); | |
| − | + | } | |
| − | + | }); | |
| − | |||
| − | + | // Ação ao clicar | |
| − | + | $botaoTopo.click(function() { | |
| − | + | $("html, body").animate({scrollTop: 0}, 500); | |
| − | + | return false; | |
| − | |||
}); | }); | ||
}); | }); | ||
Edição das 13h52min 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: "115px", // <-- Subido 2,5cm (~95px)
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() / 0.3) {
$botaoTopo.fadeIn();
} else {
$botaoTopo.fadeOut();
}
});
// Ação ao clicar
$botaoTopo.click(function() {
$("html, body").animate({scrollTop: 0}, 500);
return false;
});
});
