Вопрос: Почему Burgermenu не закрывается <script> document.getElementById('overlay').onclick= document.body.style.overflow = 'scroll'; document.getElementById('hamburger').onclick=function(){ document.getElementById('sidebar').classList.toggle('opened') document.body.style.overflow = 'hidden'; document.getElementById('overlay').classList.toggle('opened') } </script> Код <script> document.getElementById('overlay').onclick= document.body.style.overflow = 'scroll'; document.getElementById('hamburger').onclick=function(){ document.getElementById('sidebar').classList.toggle('opened') document.body.style.overflow = 'hidden'; document.getElementById('overlay').classList.toggle('opened') } </script>
IDont, бургер меню не закрывается, оно выползает справа налево, когда оно вылезло то нельзя прокручивать страницу
Ricudosan, Скорее всего активность переходит на на это окно поэтому скролить нельзя, но я не сильно шарю в java так что могу ошибаться
IDont, если убрать это, то бургерменю закрывается, но скролл скрыт, его нужно открыть document.body.style.overflow = 'scroll'; JavaScript document.body.style.overflow = 'scroll';
Грубо говоря пока пока мы в body оверлей скроллится, но когда мы кликаем по бургерменю сробатывает функция, где оверлей скрыт, но нельзя выйти из бургер меню только если обновим страницу, как дописать чтобы оно закрывалось и скроллилось
var overlay = document.getElementById("overlay"); var hamburger = document.getElementById("hamburger"); var sidebar = document.getElementById("sidebar"); var body = document.body; hamburger.onclick = function () { sidebar.classList.toggle("opened"); overlay.classList.toggle("opened"); if (sidebar.classList.contains("opened")) { body.style.overflow = "hidden"; } else { body.style.overflow = "scroll"; } }; JavaScript var overlay = document.getElementById("overlay"); var hamburger = document.getElementById("hamburger"); var sidebar = document.getElementById("sidebar"); var body = document.body; hamburger.onclick = function () { sidebar.classList.toggle("opened"); overlay.classList.toggle("opened"); if (sidebar.classList.contains("opened")) { body.style.overflow = "hidden"; } else { body.style.overflow = "scroll"; } };