微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 响应式导航菜单,项目“tuck under”彼此

我希望有人能够用我希望实现的目标指出正确的方向.我正在建立一个响应式网站,并在顶部有一个传统的导航菜单,里面有几个项目.

我需要这个菜单页面变窄时收缩,而不是导航菜单中断,我希望不适合的项目在“更多…”下拉选项卡下面.这有意义吗?这是一个图形表示……

因此,顶部图像将是1024宽度的样子,下面是768宽度.

菜单中的内容是未知的,因此宽度会有所不同,所以我需要计算组合链接的宽度,然后将更多内容放在More ..下拉列表下面.

任何提示将不胜感激,只是不知道从哪里开始.

谢谢

解决方法

这是一个很好的jQuery插件,可以解决这个问题: https://github.com/352Media/flexMenu

另外,请务必查看一篇很棒的文章,提供有关如何使用上述flexMenu插件组织此类灵活导航的分步说明:http://webdesign.tutsplus.com/tutorials/site-elements/a-flexible-approach-to-responsive-navigation/

原文地址:https://www.jb51.cc/js/149992.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐