Otevře se na nové kartě

Novinka: Vizuální editor pro éru AI webů: www.directedit.dev

Nefunguje sticky

Něco rozbíjí sticky element? Zjistěte co!

Jitka Klingenbergová
Jitka Klingenbergová
Vytvořeno: 23. 4. 2026 | Aktualizováno: 11. 6. 2026

Co se v článku dozvíte

Máte na webu sticky element, nastavené position:sticky a top:0px, ale stejně se element neposouvá, i když má místa dost? Možná vám to ruší nějaký jeho rodič.

  1. Stačí vložit kód níže do konzole prohlížeče
  2. místo ###### dát selector (idálně ID nebo třídu)
  3. pustit.

V konzoli se vám vypíše seznam pravděpodobných viníků, kteří sticky chování rozbíjí.

let el = document.querySelector('######'); // <------- change this
while (el) {
    const overflow = getComputedStyle(el).overflow;
    if (overflow !== 'visible') {
        console.log('Tenhle element to nejspíš kazí:', el, 'overflow:', overflow);
    }
    el = el.parentElement;
}

Pošlete to dál:

Jitka Klingenbergová

Jitka Klingenbergová

Absolventka ČVUT FIT oboru Informatika | Programátorka | Webová vývojářka, konzultantka a mentorka
tvorime@vyladeny-web.cz

Vaše komentáře

Zanechte první komentář

Pravidelná dávka užitečných tipů až do schránky

Hledat