JSFiddle - React, Tailwind, and code Playground
by phejny
HTML
<nav id="left-menu">menu</nav>
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content...JavaScript
var menu = window.document.getElementById('left-menu');
menu.style.position = 'absolute';
menu.style.top = '0';
menu.style.left = '0';
menu.style.width = '200px';
menu.style.height = '100vh';
menu.style.backgroundColor = '#fff';
window.document.addEventListener("scroll", function(){
menu.style.top = window.document.body.scrollTop+'px';
menu.style.width = (200+Math.sin(parseInt(menu.style.top)/100)*100)+'px';
});