画布菜单错位

问题描述

我是 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');
     }

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

任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)