【问题标题】:Burger menu from wordpress template来自 wordpress 模板的汉堡菜单
【发布时间】:2016-11-23 00:21:20
【问题描述】:

我刚刚开始编程,但我需要帮助。

我使用 wordpress 模板构建了我的网站。我自己做了很多自定义,但在移动设备上创建汉堡菜单时遇到了麻烦。

我不确定如何将所选模板导航栏菜单重写为汉堡。让我知道是否有人可以帮助我。

【问题讨论】:

  • 欢迎来到 Stack Overflow。为了提供帮助,我们需要查看一些代码。如果您没有任何要显示的内容,则很可能无法回答,并且可能会被标记为删除。不过网上有很多资源,试试谷歌搜索how to make a hamburger menu。祝你好运。

标签: wordpress


【解决方案1】:

你可以用几种不同的方式来做,但就个人而言,用 javascript 放置它并用 css 隐藏它更容易......

通常,您会使用 javascript 创建一个元素并将其附加到页面上的某个位置。对于汉堡本身,您可以选择使用阴影、三个 div 或 unicode 字符。您可以在此处阅读有关这些选项的更多信息:https://css-tricks.com/three-line-menu-navicon/

最后,如果您想为菜单项添加动画(用于打开/关闭),您可以阅读以下内容以了解如何实现:https://jonsuh.com/hamburgers/

【讨论】:

  • 非常感谢您的回答...我只是不知道从哪里开始。如何用javascript放置它。
  • 只需将<script></script> 放在页面底部附近的某个位置即可。如果你使用 jQuery,你可以做类似<script>jQuery(document).ready( function(){ /* do your js here */ } );</script>
  • 你好安德鲁,非常感谢。我现在正在努力。谢谢你的帮助!
猜你喜欢
  • 1970-01-01
  • 2019-08-13
  • 2017-08-09
  • 2019-11-24
  • 1970-01-01
  • 2017-04-06
  • 1970-01-01
  • 2021-05-01
  • 1970-01-01
相关资源
最近更新 更多