Есть сайдбар. Как при открытии/закрытии для body добавить/снять класс?

Question

[Pitman77]

Доброго времени суток. Есть сайдбар, который открывается на 100% ширины экрана и есть проблема:

1. При прокрутке сайдбара когда он упирается вниз или вверх начинает прокручиваться страница под сайдбаром.

2. На телефоне нет плавной прокрутки, пока тянешь пальцем сайдбар прокручивается, если резко потянуть и отпустить, то сайдбар останавливается как только отпускаешь палец от экрана.

Сам сайдбар открывается так. Как по открытии добавить body класс .fixed, а по закрытии снять его?

<script>
 function openNav() {
 document.getElementById("sidenav").style.width = "100%";
 }
 function closeNav() {
 document.getElementById("sidenav").style.width = "0";
 }
 </script>

Заранее благодарен за помощь!

Answer 1

[justadumb]

document.body.classList.add('fixed')
document.body.classList.remove('fixed')

Comments

[Pitman77]

justadumb большое спасибо за помощь!