Novinka: Vizuální editor pro éru AI webů. Poslední dílek skládačky, když chcete upravovat web a ne psát e-maily. www.directedit.dev

💬

Nefunguje sticky

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

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;
}

Líbil se vám článek? Pošlete ho 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ář

Zpět k tipům

Články na podobné téma

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