MediaWiki:Common.js

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

• Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
• Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
• Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5.
• Opera: Naciśnij klawisze Ctrl+F5.

// === Przycisk "Wróć na górę" z SVG ===
const scrollButton = document.createElement("button");
scrollButton.id = "scrollTopBtn";
scrollButton.title = "Wróć na górę";
scrollButton.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="#1a1a1a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up">
    <line x1="12" y1="19" x2="12" y2="5"></line>
    <polyline points="5 12 12 5 19 12"></polyline>
</svg>
`;
document.body.appendChild(scrollButton);

// Akcja kliknięcia – scroll do góry
scrollButton.onclick = () => {
    window.scrollTo({ top: 0, behavior: 'smooth' });
};

$(document).ready(function () {
    const scrollBtn = document.getElementById("scrollTopBtn");

    window.addEventListener("scroll", () => {
        const footer = document.querySelector(".mw-footer");
        const footerHeight = footer ? footer.offsetHeight : 0;
        const scrollY = window.scrollY;
        const windowHeight = window.innerHeight;
        const bodyHeight = document.body.scrollHeight;

        // Widoczność przycisku
        if (scrollY > 300) {
            scrollBtn.style.display = "flex";
            scrollBtn.style.alignItems = "center";
            scrollBtn.style.justifyContent = "center";
        } else {
            scrollBtn.style.display = "none";
        }

        // Unikaj nakładania na stopkę
        if (scrollY + windowHeight > bodyHeight - footerHeight) {
            scrollBtn.style.bottom = (footerHeight + 20) + "px";
        } else {
            scrollBtn.style.bottom = "160px";
        }
    });
});