Ylilauta Navbar Fix

eonmc2
2025-05-10T14:00:42Z

Kiinteä yläpalkki sivun yläreunassa ja sivupalkki sen alla. Mukana scroll offset ja mobiilin safe-area -tuki.

### Ylilauta NavbarFix

Tämä Tampermonkey-skripti parantaa Ylilaudan käyttöliittymää muuttamalla ylänavigaation ja sivupalkin kiinteiksi, jäljitellen sivuston maksullisen version asettelua.

**Tärkeimmät ominaisuudet:**
* **Kiinteä yläpalkki ja sivupalkki:** Pitää yläpalkin aina näkyvissä ruudun yläreunassa ja asemoi sivupalkin tarkasti sen alapuolelle.
* **SPA-tuki (Single Page Application):** Sieppaa History API -tapahtumat (`pushState`, `replaceState`, `popstate`), jotta asettelu pysyy ehjänä dynaamisen navigoinnin aikana ilman koko sivun uudelleenlatausta.
* **Dynaaminen asettelun laskenta:** Hyödyntää `MutationObserver` -rajapintaa DOM-muutosten tarkkailuun ja yläpalkin korkeuden dynaamiseen päivittämiseen, estäen sivupalkkia liukumasta yläpalkin alle kun sivusto lataa sisältöä dynaamisesti.
* **Älykäs vierityksen kohdistus:** Käyttää `scroll-margin-top` -määrettä ja offset-laskentaa. Viittauksia tai ankkurilinkkejä klikatessa kohdeviesti vierittyy näkyviin siten, ettei viestin meta-osa (päivämäärä, ID, painikkeet) jää kiinteän yläpalkin alle.
* **Mobiiliyhteensopivuus:** Tukee mobiililaitteiden turva-alueita (`env(safe-area-inset-top)` ja `env(safe-area-inset-bottom)`), jotta sisältö ei mene laitteen näyttölovien tai käyttöjärjestelmän elementtien alle.

**Vaatimukset:**
* Tampermonkey-laajennus.