如何检测溢出的HTML元素

Question

我创建了一个带有div的导航栏。

当我放大时，我隐藏了通过toArray()移出导航栏的div。

我的目标是创建一个java脚本变量，它会告诉我所有div都不在导航栏中（由于溢出而隐藏），因为我需要将它们添加到可折叠菜单中，即使是单个div不在导航栏中。

提前致谢

Answer 1

将scrollWidth / scrollHeight与元素的clientWidth / clientHeight进行比较。

if (e.scrollWidth > e.clientWidth){/*overflow*/}

https://jsfiddle.net/pdrk50a6/

编辑：我不知道你的根元素，但最终它会是这样的。

document.body.onresize = function(){
    var tR = [];
    var tL = document.querySelectorAll('div');

    for(var i=0, j=tL.length; i<j; i++)
        if (tL[i].scrollWidth > tL[i].clientWidth) tR.push(tL[i])

    //Do whatever you need with the tR elements (overflown)
}