如何使引导菜单折叠按钮在iOS Safari上工作
How to make bootstrap menu collapse button work on iOS Safari?
所以我有一个引导按钮,可以在除Safari iOS以外的所有设备上使用。我已经像其他一些论坛建议的那样添加了 href 属性,并且光标:指针和 z-index:3000 都添加到我的按钮中。其他一些地方建议使用数据父级而不是数据父级,但这只会使其在其他浏览器中也不起作用。
这是我的按钮的代码:
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" href="#navbar" aria-expanded="false" aria-controls="navbar" style="cursor: pointer; z-index: 3000;">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
.navbar-toggle 的 CSS 如下:
.navbar-toggle {
position: relative;
float: right;
padding: 11px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
相关文章:
- iOS Safari Javascript设置超时问题
- 有没有一种方法可以在过滤掉iOS Chrome、Firefox和其他浏览器的同时检测iOS safari
- 使用iOS Safari网络浏览器的全屏html5视频
- AJAX获取请求有时会在iOS Safari上失败
- webkitAudioContext在iOS Safari上创建MediaElementSource不工作
- iOS Safari下的密码错误
- 使用javascript编程触发iOS safari中的复制菜单
- 在不支持的浏览器中替代IndexedDB?Safari/iOS Safari Chrome
- iOS Safari过度滚动:下拉与弹跳
- Cordova iframe在iOS Safari中工作,但在Android中不起作用
- iOS Safari 隐私浏览本地存储和会话存储支持
- Cordova / Phonegap iOS Safari和语音合成将无法正常工作
- 在 iOS Safari 中模拟/触发选择框(可能带有触摸端)
- JavaScript 动画在 iOS Safari Webkit 浏览器中停止,当手指在屏幕上而不抬起时
- 为什么在用户滚动后,设置超时不会在触摸端处理程序中触发(iOS Safari)
- 禁用iOS Safari上的轮子选择器
- iOS Safari内存泄漏导致应用程序无法使用
- 在触摸开始或触摸结束时打开IOS Safari窗口
- Hammer.js正在阻止iOS Safari上的滚动事件
- Javascript setTimeout on iOS Safari