我说的是显示在某些屏幕宽度下方的按钮，它在单击时隐藏/取消隐藏菜单(下面的屏幕截图)。我试图在我的网站上复制它的行为而不使用 Bootstrap (因为我喜欢在没有框架的情况下工作)。
我查看了源代码，但无法弄清楚它是如何工作的，以及复制该行为的最有效方法是什么。据我所知，它通过将隐藏/取消隐藏类应用于菜单来使用 javascript，由按钮激活。
是否可以使用 css 复选框 hack 复制它？还是使用 javascript 更好？
最佳答案
这很简单:
- 添加汉堡菜单图标
- 有一个使导航区域处于事件状态的 CSS 类
- 让 JS 从导航区域添加/删除该类
- 使用 CSS 过渡处理动画(它们更有可能在移动设备上加速)
我喜欢 http://purecss.io 上的实现.
另请查看 http://www.ymc.ch/sandbox/hamburger/mobile-menu-demo.html
关于javascript - 如何复制 bootstrap 移动导航栏切换(不使用 bootstrap)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19009925/