JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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/

大佬总结

以上是大佬教程为你收集整理的javascript – 响应式导航菜单,项目“tuck under”彼此全部内容,希望文章能够帮你解决javascript – 响应式导航菜单,项目“tuck under”彼此所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。