在移动设备上打开导航栏时，如何隐藏或移动背景？

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 9999;
  transition: background-color 0.3s ease;
}

var navbar = document.querySelector('.navbar');
var isOpen = false;

function toggleNavbar() {
  isOpen = !isOpen;
  if (isOpen) {
    navbar.style.backgroundColor = '#ffffff'; // 设置导航栏背景颜色
    // 其他需要的操作，如移动背景等
  } else {
    navbar.style.backgroundColor = 'transparent'; // 恢复导航栏背景为透明
    // 恢复其他操作
  }
}

// 监听导航栏打开事件，例如点击导航栏按钮时触发toggleNavbar函数