Javascript 水平(选项卡式)菜单,能够将溢出的项目包装到可折叠的下拉列表中

Javascript 水平(选项卡式)菜单,能够将溢出的项目包装到可折叠的下拉列表中,javascript,html,css,menu,Javascript,Html,Css,Menu,关于html/css/javascript菜单;) 我正在寻找统一的解决方案,以隐藏额外的标签水平/标签菜单时,它溢出了它的容器 最初的想法是从firefox标签工作流中剽窃的,即当你有太多标签时,它会将多余的标签包装到可折叠的下拉按钮“列出所有标签” 我正在考虑将overflow:auto与javascript结合使用,但是否已经实现了类似的功能,或者有更好的想法 谢谢。溢出:如果不是不可能的话,自动可能是一件很难用javascript精确监控的事情。这里可能需要监视两件事:父容器和包含选项卡

关于html/css/javascript菜单;)

我正在寻找统一的解决方案,以隐藏额外的标签水平/标签菜单时,它溢出了它的容器

最初的想法是从firefox标签工作流中剽窃的,即当你有太多标签时,它会将多余的标签包装到可折叠的下拉按钮“列出所有标签”

我正在考虑将overflow:auto与javascript结合使用,但是否已经实现了类似的功能,或者有更好的想法


谢谢。

溢出:如果不是不可能的话,自动可能是一件很难用javascript精确监控的事情。这里可能需要监视两件事:父容器和包含选项卡的UL(可能是LIs中的链接)。在javascript中,可以非常可靠地对两个元素的宽度进行定量比较

我不确定您更喜欢使用哪个库,但YUI有一个非常强大的实用程序,适用于不同的地区。它返回一个对象,其中包含有关元素的有用属性—元素在文档中的位置、大小以及与其他元素的交点(请参见)

不管最终使用的是什么库(或者根本没有),区域背后的概念都应该帮助您朝着正确的方向前进

你应该结账。我自己创建了一个定制的触摸友好下拉/可折叠菜单,非常简单。A.