Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="scrollbar"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.scrollbar { width: var(--scrollbar-width); height: 1em; background: #000; }
CSS
Autoformát
CSS reset
Až na konci
function setScrollbarWidthVariable() { let div = document.createElement('div'); div.style.overflowY = 'scroll'; document.body.appendChild(div); let scrollbarWidth = div.offsetWidth - div.clientWidth; document.body.removeChild(div); document.documentElement.style.setProperty('--scrollbar-width', scrollbarWidth + 'px'); } setScrollbarWidthVariable();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>