gpt4 book ai didi

html - 触摸友好的嵌套导航菜单的解决方案?

转载 作者:太空宇宙 更新时间:2023-11-03 23:36:26 24 4
gpt4 key购买 nike

我在构建响应式网站时遇到的一个常见问题是如何制作适用于触摸设备的多级导航菜单(3 级或更多级)。我见过很多插件和技术,但大多数都失败了,因为它们不允许二级页面既充当页面链接又充当子子菜单中子项的父级。一些技术通过在点击父页面名称时显示子菜单项的箭头图标进入实际页面来解决这个问题......但在移动设备上,这些图标通常是非常小的目标,因此难以使用。这个问题是否有任何其他解决方案(jquery 或 javascript 插件,或直接的 CSS/JS 代码)?

最佳答案

我有一个类似这样的响应式 Web 元素的“起点”。我不确定它是否正是您所需要的,但它允许在桌面 View 中使用多级下拉菜单。在移动 View 中,jQuery 会自动创建一个 Canvas 外菜单。

代码: https://github.com/kthornbloom/Responsive_Template

演示: http://rwd.kthornbloom.com/

希望对您有所帮助!

关于html - 触摸友好的嵌套导航菜单的解决方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23939185/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com