【问题标题】:Vertical Nav Menu Won't Hover垂直导航菜单不会悬停
【发布时间】:2013-10-07 01:10:46
【问题描述】:

我无法弄清楚为什么通过移动设备(iPhone、iPad 等)无法打开导航菜单上的子类别。我在这里安装了:http://thebrlab.com/ugo-mozie/index.html 这是导航菜单的原始示例演示http://thebrlab.com/ugo-mozie/menu.html(当我在移动设备上点击标题时效果很好)

【问题讨论】:

  • 我昨天已经回答了你的问题。stackoverflow.com/questions/19204995/…
  • 乔希,我能够修正悬停开口的尺寸,谢谢。但是,现在它不再像在演示中那样通过移动设备做出响应(如上所述)。

标签: html css mobile menu nav


【解决方案1】:

它不起作用的原因是设备无法感知您是否将鼠标悬停在它上面。只有当你触摸它时它才会有感觉,而且它是不可点击的

看到链接无处可去,请从 a 标签中删除 href,如果您想要一个指向光标(可点击的内容),请添加此 css 规则:

cursor: pointer;

这样它可以在移动设备上运行,并且当你不小心点击它时页面不会保持刷新

【讨论】:

  • 谢谢。为什么demo能感知到它,而我的页面却没有?该演示在移动设备上运行良好。
  • 这是因为它使用哈希链接,不会刷新页面,只是在它周围导航。请随时接受
  • 好的,我明白了。在我的 css 中哪里添加光标指针规则?另外,如果我从 href a 标签中删除链接,我将如何导航到其他页面?对不起。
猜你喜欢
  • 1970-01-01
  • 2021-12-22
  • 1970-01-01
  • 2013-04-09
  • 1970-01-01
  • 1970-01-01
  • 2023-03-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多