首页 > 解决方案 > 如何在触发 toggleClass 语句后修复不可见元素(burgermenu)

问题描述

我目前正在努力解决仅在此页面上带有 safari 浏览器的 iPhone 上发生的问题。

单击汉堡菜单图标后,必须展开的元素不会显示在最高层(见附图)。

这仅发生在移动 Safari 中。 在此处输入图像描述 希望有人可以帮助我。

 $('#toggler-btn').on('click',function(){
    $('#main-menu').toggleClass('mobile_menu');
  });
<nav id="main-menu" class="navbar navbar-expand-lg mobile_menu">

标签: javascriptcssiphonesafari

解决方案


在你的CSS套装中

.navbar{
  z-index: 99999;
}

推荐阅读