MediaWiki:Common.js: Różnice pomiędzy wersjami

Wersja z 13:56, 1 maj 2025

// === 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";

        // Wylicz przesunięcie, ale nie pozwól zejść niżej niż 40px
        const overlap = scrollY + windowHeight - (bodyHeight - footerHeight);
        btn.style.bottom = overlap > 0 ? `${Math.max(40, overlap + 20)}px` : "40px";
    }, { passive: true });
});