如何实现“水平切换响应菜单，其中多余的菜单项目组合成一个下拉菜单”？

Question

我试图在一个网站的顶部切换菜单上找到一些引导/信息/实现，有选择地、逐步地将低优先级菜单项移动到子菜单中(例如。“更.”)因为它试图适应更窄的目标屏幕。

我看到的唯一的实际示例是Outlook.com menubar (都会样式的)：它使用这种效果；菜单只显示适合窗口宽度的项目，将所有多余的项移动到“.”下的子菜单中。菜单项目。

我在mozilla上看到了一个非常详细的描述。网络将这种UI模式称为“"Priority"/"Priority+”顶部切换菜单“，似乎有些人也称其为”菜单“。(菜单)

然而，可获得的信息不多。有人知道这件事吗？我怀疑它是如此罕见的野兽..。有谁知道一个更合适的名字，一些文章/线程，或者--理想情况下--可以实现这种效果的jQuery/javascript代码？

谢谢!

Answer 1

在寻找类似的东西时遇到了这个问题，经过几个小时的研究发现了这，这可能是一个好的开始。