用JavaScript检测水平div溢出？

Question

我有一个DIV，里面有很多儿童DIV。 我想要的是类似于Firefox的标签，当你打开太多标签或主DIV宽度太小时，界面将检测溢出并在右侧显示一个按钮以列出所有隐藏标签。 问题是我不知道从哪里开始寻求帮助。

Answer 1

你主DIV设置为overflow:hidden ？

如果是这样，您可以通过递增scrollLeft属性然后查询它以查看它是否已更改来测试其溢出需求：

function containsTooMuch(el) {
    var original = el.scrollLeft++;
    return el.scrollLeft-- > original;
}

Answer 2

谷歌搜索出现了这个：

看起来不错，框架独立。

但也许有人提出了一个解决方案，可以使用更少的代码。

哦，猜猜哪个流行的编码社区网站搞砸了Googe的结果

javascript detect overflow

:)

Answer 3

我的方法是从新DIV的添加方式开始。 无论什么事件导致这种情况发生，我都会在运行脚本的文档中添加一个处理程序，该脚本检查各种DIV的大小以确保它们满足您的要求。 如果它们太大（或太多），那么你隐藏它们中的一些并用它的显示逻辑添加你的按钮。