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 ===
$(document).ready(function () {
    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);

    // Scroll to top
    scrollButton.addEventListener("click", () => {
        window.scrollTo({ top: 0, behavior: 'smooth' });
    });

    // Scroll behavior
    window.addEventListener("scroll", () => {
        const btn = document.getElementById("scrollTopBtn");
        const footer = document.querySelector(".mw-footer");
        const footerHeight = footer ? footer.offsetHeight : 0;
        const windowHeight = window.innerHeight;
        const bodyHeight = document.body.scrollHeight;
        const scrollY = window.pageYOffset || document.documentElement.scrollTop;

        // Pokaż/ukryj przycisk
        btn.style.display = scrollY > 300 ? "flex" : "none";

        // Przesuń jeśli nad stopką
        if (scrollY + windowHeight > bodyHeight - footerHeight) {
            btn.style.bottom = `${footerHeight + 20}px`;
        } else {
            btn.style.bottom = "160px";
        }
    });
});