Jquery 侧面板打开时禁用车身滚动

我正在为一个客户端开发一个移动网站，我被要求为该客户端添加一个侧菜单面板。现在，我想实现的功能是，当面板打开时，主体滚动被禁用，但面板滚动保持不变。此外，为了使用户能够在单击身体上的任何其他位置时关闭面板，我制作了一个div，并用半透明背景将其固定，单击该div后，我切换侧菜单。所以，为了禁用body scroll，我给了它一个位置类，当菜单打开时，它是固定的和溢出隐藏的

现在的问题是，在我的本地主机上，它工作得很好，显示半透明背景并禁用主体滚动，但在live server上，尽管主体滚动被禁用，但我创建的半透明div显示为不透明。我不明白为什么。我知道这是一个CSS问题，但检查源代码没有任何冲突的CSS。如果我从body中移除固定位置，它会显示半透明的div，但body滚动条会返回

我不能给链接，因为它是一个客户端，但也许有人可以帮助我禁用身体滚动的其他方式

---

请帮助。

您肯定已经知道这一点，但请给我们看一个复制错误的小提琴或片段。@Drakes这就是重点。即使我给你看一个小提琴，那也行得通，因为它在我的本地系统中工作，而不是在实时服务器上。显然，在实时服务器上发生了一些冲突，这些冲突甚至没有显示在元素检查窗口中。因此，我正在寻找另一种解决方案来实现这一点或解决这一错误。@AntoinePointeau该问题的答案在浏览器模拟器上运行良好，但在实际的移动设备上无法运行。如果它在本地主机上运行，但在prod中无法运行，则需要找出两者之间的区别。如果没有env，在css上很难提供帮助=/