我正在为一个客户的移动网站工作,我被要求加入一个侧面菜单面板。现在,我想要实现的功能是,当该面板打开时,身体滚动被禁用但面板滚动仍然存在。此外,为了使用户能够在他们点击身体的任何其他位置时关闭面板,我做了一个div并将其定位为半透明背景,并点击该div我切换侧面菜单。所以,为了禁用身体滚动,我给它一个固定的位置,当菜单打开时隐藏溢出。
现在的问题是,在我的localhost上,它完美运行,显示半透明背景并禁用正文滚动,但在实时服务器上虽然身体滚动被禁用但我创建的半透明div显示为不透明。我不明白为什么。我知道这是一个CSS问题,但检查源并没有任何冲突的CSS。如果我移除固定在身体上的位置,它会显示半透明的div,但是身体卷轴会回来。
我无法给出客户端的链接,但也许有人可以帮助我以其他方式禁用身体滚动。
请帮忙。