آموزش ساخت منو موبایلی با ترکیب کد نویسی و المنتور

 
.niasmenubox{
height: 100vh;
position: fixed;
top:0;
right: -100%;
z-index: 99999;
overflow-y: scroll;
transition: 0.3s;
}
.niasmenubox.active{
right: 0;
}
 

 
const niasmenubox = document.querySelector('.niasmenubox');
const niasmenuicon = document.querySelectorAll('.niasmenuicon');
const niasclosemenu = document.querySelector('.niasclosemenu');

niasmenuicon.forEach((niaseachmenuicon)=>{
niaseachmenuicon.onclick = () =>{
niasmenubox.classList.add('active');
};

});

niasclosemenu.onclick = () =>{
niasmenubox.classList.remove('active');
};