Pri scrollovacích linkoch človek v Elementore často narazí na problém, že web sa síce správne zascrolluje na začiatok elementu s daným IDčkom, zároveň však Elementor úspešne kašle na to, že máš napr. sticky header. Čiže technicky ťa scrollne správne, ale prakticky ti aj tak väčšinou odsekne pol nadpisu.
V takých prípadoch sme sa často uchyľovali k rozličným shiity riešeniam, ako napr. vkladanie spaceru s daným ID na koniec vyššej sekcie a podobné blbosti.
Pritom existuje jednoduchá CSS property, keď som ju objavil, čumel som jak Winettou na smartfón. A najlepšie na tom je, že ono to fakt aj v realite funguje.
html {
scroll-padding-top: 111px;
}
Na root element <html> proste nastavíš scroll-padding-top vlastnosť a dáš jej hodnotu, ktorá sa rovná výške tvojho sticky headera.
A ono to fakt funguje…
