用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的大小以確保它們滿足您的要求。 如果它們太大（或太多），那么你隱藏它們中的一些並用它的顯示邏輯添加你的按鈕。