水平菜单，如果太长，将添加下拉选项

Question

我正在构建一个需要水平菜单的网站，它们都需要适合一行，但是如果它们添加了太多的菜单项，我们希望最后一项转换为任何菜单的下拉菜单不适合的物品。

我不希望它成为“在5菜单之后”开始下拉列表的解决方案，我希望脚本知道菜单要长并且在需要时自动创建它。

所以，如果他们有一个像

这样的菜单

短链接 - 短链接 - 短链接 - 短链接 - 短链接

它会显示正常而没有下拉，但是如果他们去野外并且添加了20个项目就会像

一样

短链接 - 短链接 - 短链接 - 短链接 - 短链接 - [下载15个其他链接]

会喜欢它是一个jquery解决方案但不一定是。

Answer 1

使用jQuery，您可以为窗口调整大小分配一个事件。当它到达特定点时，进行更改。

$(window).resize(function() {
    if ($(window).width() < whatever) {
        //Change the menu...
        //eg. $('#menu').addClass('condensed');
    }
});

你甚至可以用纯CSS来尝试。

@media only (max-width: whatever) {
    #menu {
        /* Override with new styling */
    }
}