Javascript 删除移动视图上的滚动条

我正在建立一个网站，我有一个导航栏，从右手边滑动，显示菜单等。但是，在手机上，我可以滚动屏幕，看到导航栏的部分背景。我尝试过溢出-x:hidden-在body和html元素上的方法，但这并没有起作用。我还尝试了在以前的帖子中提到的各种解决方案。我能做点什么吗

网站的移动视图允许我在不允许的情况下向右滚动。这是我的密码：

常量导航幻灯片==>{ const burger=document.querySelector'.burger'； const nav=document.querySelector'.nav links'； const navLinks=document.queryselectoral'.nav links li'； burger.addEventListener'click'，=>{ //切换导航 类列表。切换“nav-active”； //动画链接 navLinks.forEachlink，索引=>{ 如果link.style.animation{ link.style.animation=； }否则{ link.style.animation=`navLinkFade 0.5s轻松转发${index/7+0.3}s`； } }; //汉堡动画 burger.classList.toggle'toggle-ani'； }; } window.onscroll=functionevent{ window.scrollTo0，0； } 导航幻灯片； @媒体屏幕和最大宽度：768px{ 身体{ 溢出x：隐藏； 宽度：100%； } .导航链接{ 位置：绝对位置； 右：0px； 高度：92vh； 顶部：8vh； 背景色：4A4F52； 显示器：flex； 弯曲方向：立柱； 对齐项目：居中； 转化：转化率100%； 过渡：0.5s轻松过渡； z指数：-1； } .nav链接李{ 不透明度：0； } .汉堡{ 显示：块； 光标：指针； } } .导航激活{ 转化：translateX0%； z指数：1； 宽度：100%； 身高：100%； } 长老会

---

如果要删除页面中的滚动条x和y，可以将其添加到CSS脚本中：

html { overflow-x: hidden; }
html { overflow-y: hidden; }

---

这在电脑中是可行的，我不知道它是否也能在手机上工作。

请包括相关的HTML和JS（如果有）。添加了JS和HTML代码片段请参见。根据您上面发布的代码，我看不到水平溢出。我看到了一些其他问题，但其中一个似乎没有。我认为我没有调试所需的所有代码。仍然存在同样的问题。我附上了我所看到的屏幕截图。你只使用了隐藏的滚动条x，而忘记了y。