CSS Lastnost: position - fixed

Element s položajem position: fixed; je postavljen glede na vidno polje, kar pomeni, da vedno ostane na istem mestu, tudi, če se stran premika. Lastnosti top (slo. Zgoraj), bottom (slo. Spodaj), left (slo. Levo) in right (slo. Desno) se uporabljajo za pozicioniranje elementa. Fiksni element ne pušča vrzeli na strani, kjer bi se običajno nahajal. Pozorni moramo biti na fiksni element v spodnjem desnem kotu strani.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>position fixed</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        * {
            box-sizing: border-box;
        }
        .box {
            display: block;
            width: 100%;
            min-height: 500vw;
        }
        .fixed {
            position: fixed;
            top: 0;
            width: 100%;
            padding: 20px;
            color: whitesmoke;
            background-color: #3a3a3a;
        }
        @media screen and (max-width: 1024px){
            .box { height: 200px }
            .fixed { position: sticky; width: 100%; }
        }
    </style>
</head>
<body>
<div class="box">
    <div class="fixed">
        <p>position: fixed;</p>
        <p>Dobrodošli v CSS vadnico.</p>
    </div>
</div>
</body>
</html>

REZULTAT