javascript - 如何在触发 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">
解决方案
在你的CSS
套装中
.navbar{
z-index: 99999;
}
推荐阅读
- r - 如何从列表中的一个单元格中提取值?
- django - 在 Django 的登录模板中添加语言字段
- firebase - 使用 Navigator 流式传输数据
- javascript - 从具有多行的数组中获取活动单元格的索引/行数
- java - JMH 错误:java:方法参数应该是 @State 类 - 但为什么呢?
- reactjs - ReactJS 完全或部分解除状态
- android - 片段内的工具栏正在泄漏
- r - 当我绘制图表时,汇总数据未显示在 ggplot 中
- nestjs - 如何使用 .env 和 ormconfig.ts 连接到我的数据库?
- java - Java 8 可选将字符串解析为 int 或 if 为 null 并设置默认空字符串