fiksna stranska vrstica, fixed sidebar

Fiksna stranska vrstica

Fiksna stranska vrstica (ang. Fixed sidebar) je element spletne strani, ki je stalno prikazan na levi ali desni strani okna brskalnika, tudi ko se uporabnik pomika po strani. Takšna vrstica je uporabna, ker omogoča uporabnikom hiter dostop do navigacijskih povezav, informacij ali drugih pomembnih elementov, ne glede na dolžino vsebine strani.

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

@media screen and (max-width: 1280px) {
            .sidebar {
                width: 20%;
            }
            .container {
                width: 80%;
            }
        }
        @media screen and (max-width: 920px) {
            .sidebar {
                width: 30%;
            }
            .container {
                width: 70%;
            }
        }
        @media screen and (max-width: 580px) {
            .sidebar {
                width: 40%;
            }
            .container {
                width: 60%;
            }
        }
        @media screen and (max-width: 420px) {
            .sidebar {
                width: 50%;
            }
            .container {
                width: 50%;
            }
        }
    </style>
</head>
<body>
<div class="sidebar">
    <a href="#">DOMOV</a>
    <a href="#">DEMO 01</a>
    <a href="#">DEMO 02</a>
    <a href="#">DEMO 03</a>
    <a href="#">DEMO 04</a>
    <a href="#">DEMO 05</a>

<div class="container">
    <h1>Dobrodošli v CSS vadnico</h1>
</div>
</body>
</html>