javascript - 无法在媒体查询中隐藏溢出-x

Question

我有一个带有菜单的标题，当屏幕宽度小于 650 像素时，它会更改为汉堡菜单。之后该菜单被定位为绝对并向右平移。当我单击汉堡菜单时，它会滑入视图。之后一切正常，但我不能让溢出消失。我尝试尝试将溢出添加到不同的父元素，但无济于事。

这是页面 - https://badgerwannabe.github.io/rocket-sockets/index.html 这是一个带有文件的 Github 代表在此处输入链接描述

将不胜感激任何帮助。

UPD1：重现步骤转到网站，打开开发工具并将视口调整为小于 650 像素的宽度，尝试向右滚动，您会看到问题。在此媒体查询中向正文添加溢出无济于事

标签： javascripthtmlcssmedia-queriesoverflow

Answer 1

如果您overflow: hidden在打开菜单时添加到 body 元素，我认为这就是您要寻找的。如果没有，您能否进一步指定您要摆脱的溢出？

编辑：根据评论，如果你添加overflow-x: hidden到body标签，那应该为你做。