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> <div class="logo"> </div> <div id="fixni-menu"> <menu class="menu"> nějaký odkazy </menu> </div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* CSS Document */ .logo { width: 1000px; height: 200px; background-color: green; margin: 10px; margin-left: auto; margin-right: auto; } .menu { list-style: none; padding: 0; margin: 10px; text-align: center; background: red; width: 1000px; margin-left: auto; margin-right: auto; } .fixni-menu { position: fixed; left: 0; top: 0; width: 100%; text-align: center; z-index: 1; }
CSS
Autoformát
CSS reset
Až na konci
var menu = document.getElementById('fixni-menu'); window.onscroll = function () { menu.className = ( document.documentElement.scrollTop + document.body.scrollTop > menu.parentNode.offsetTop && document.documentElement.clientHeight > menu.offsetHeight ) ? "fixni-menu" : ""; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>