Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<body onscroll="document.body.className=((document.body.scrollTop+document.documentElement.scrollTop)>0)?'seda':'';"> <div id=lista>Pevně umístěná lišta</div> <p style=height:15em>odstavec s textem <p style=height:15em>odstavec s textem <p style=height:15em>odstavec s textem <p style=height:15em>odstavec s textem
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { margin: 0; } body { padding: 3em 1em; } div { position: fixed; width: 100%; top: 0; left: 0; height: 3em; line-height: 3em; text-align: center; } #lista { background: #fff; transition: .7s; } .seda #lista { background: #ccc; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>