Fixní pozicování – elementy přichycené k oknu prohlížeče
Fixní pozicování elementů pomocí position: fixed a position: sticky. Elementy zůstávají na místě při scrollování stránky.
Typické použití zahrnuje fixní navigaci, plovoucí tlačítka nebo přilepené záhlaví tabulek.
Proč nepoužívat fixní hlavičku
Proč se vyhnout fixování záhlaví/menu k hornímu okraji obrazovky.
10
minut
Jak funguje CSS position: sticky
CSS sticky posice umožňuje bez JS zafixovat element ke kraji okna při rolování.
7
minut
Odkaz na kotvu a fixní hlavička
Při použití fixního menu/hlavičky se stane nepěkná věc, že při odkazu na kotvu je cíl skryt pod menu. Co s tím?
3
minuty
Fixní menu při rolování
Jak při odrolování stránky zafixovat menu na horní hraně obrazovky.
3
minuty
Jak vytvořit fixovaný banner?
JavaScriptové řešení prvku, který při rolování zůstane stále viditelný.
3
minuty