Početna

Fixed i sticky

Position fixed i sticky (kao i relative i absolute) određuju gdje i kako će element na stranici biti smjiešten


Position: fixed

Određeni element je stalno prikazan, prekriva dio ekrana, najčešće korišten za obaviještenja korisnika o nečemu bitnom

Primjer koda CSS:

footer{ position: fixed; bottom: 0px; }

bottom: 0px; nam je važan jer ovisno o elementu određuje razmak između elementa i ruba stranice (npr. za header se dodaje top: 0px; da bi izbjegli razmak između headera i ruba stranice)


Position: sticky

Određeni element ostane prikazan čak i kad prođemo pored njega, zalijepi se na rub stranice dok se ne vratimo na originalnu poziciju gdje rub stranice nije dodirivao element, često korišten za izbornik ili za tablice

Primjer koda CSS:

header{ position: sticky; top: 0px; }



Primjer stranice u kojoj se koriste position fixed i position sticky:

Primjer