Lepivá pozice

Poslední pozice na kterou se podíváme je lepivá (sticky) pozice (position). 

Prvek s lepivou pozicí není ignorován ostatními prvky (podobně jako relativní pozice), ale vždy zůstane na obrazovce (podobně jako zafixovaná pozice). Toto ve výsledku znamená, že se chová jako prvek s relativní pozicí dokud nemá zmizet ze stránky, v ten moment se začne chovat jako prvek se zafixovanou pozicí. 

Odsadit ho můžeme stejným způsobem jako pozici relativní. To znamená, že ho odsouváme od jeho statické pozice, nikoliv od stránky nebo rodiče s jinou pozicí než statickou.

Pokyny

Změňte pozici (position) prvku s id ctverec2 (#ctverec2) na lepivou (sticky) a změňte odsazení shora (top) na 0 pixelů. Zbytek ponechte stejný.

Všimněte si, že 3. čtverec neignoruje 2. čtverec a že když posunete stránkou, tak 2. čtverec zůstane přilepený nahoře stránky.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

9/10