画布菜单错位

如何解决画布菜单错位

我是 JavaScript 新手。我想要一个不错的网站，所以我找到了一些很好的模板，把东西放在一起，现在一切都很好，只有一个例外。 一页上的画布外菜单显示在视图之外（最右侧），但仅适用于 Android/Chrome。

请看图片 - 绿色矩形显示菜单应在的位置，红色矩形显示在 Android/Chrome 上滑入的位置。

wrong menu position chart

它适用于 PC 和 iPad/Safari，但不适用于 Android/Chrome。相同的画布外菜单适用于 Android/Chrome 的其他页面，因此问题可能与仅在“问题页面”上使用的 swiper-container 或 caorusel 类有关。

你能帮我解决这个问题吗？

也许一个小的解决方法可能是最有效的解决方案。是不是例如可以将 Off-canvas 菜单“粘合”到可见区域的右边框吗？

主菜单“点击”开关实现如下：

     if ( $('body').hasClass('offcanvas-menu') ) {
                $('body').removeClass('offcanvas-menu');
                $this.removeClass('active');
     } else {
                $('body').addClass('offcanvas-menu');
                $this.addClass('active');
     }

顺便说一句：关闭操作总是正常的。当我关闭屏幕上不可见的菜单时，它突然出现在应该从一开始的位置并且很好地滑出......

任何帮助将不胜感激。