Con JavaScript e CSS possiamo implementare un menu di tipo push.
Usiamo questi stili CSS:
#menu {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
transition: all .3s ease-in;
background-color: #fff;
}
#menu.open {
left: 0;
}
Quindi con JavaScript avremo:
var toggle = document.querySelector('#toggle-menu');
var menu = document.querySelector('#menu');
toggle.addEventListener('click', function(e) {
e.preventDefault();
menu.classList.toggle('open');
});