Javascript 检查div是否包含任何溢出的内联块跨距

我试图检测容器中是否有溢出和隐藏的跨距

<div class="container">
    <span>one</span><span>two</span><span>three</span><span>four</span><span>five</span><span>six</span><span>seven</span><span>eight</span>
</div>

我能想到的唯一方法是选择最后一个跨度元素，并确定它是否在容器中

//容器1应为“是”
var cont=document.getElementById（“容器”）；
如果（连续滚动宽度>连续偏移宽度）{
警惕（“是”）；
}否则{
警告（“否”）；
}
//容器2应为“否”
var cont1=document.getElementById（“container1”）；
如果（cont1.scrollWidth>cont1.offsetWidth）{
警惕（“是”）；
}否则{
警告（“否”）；
}

.container，
.集装箱2{
利润率：25px；
背景：浅灰色；
宽度：150px；
空白：nowrap；
溢出：隐藏；
}
跨度{
显示：内联块；
右边距：6px；
}

一三四五一九七八
一二三

---

是否只想检测是否有溢出的元素？或者哪些是溢出的？基于这些信息，你想做什么？我还需要检测哪些元素溢出。然后我会说，你在帖子中建议的是解决方法。在元素上向后循环，当元素在包装器中时中断。

.container {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
}
span {
    display: inline-block;
    margin-right: 6px; 
}

if($(".container").get(0).scrollWidth > $(".container").outerWidth())
{
    alert("Yes");
}
else
{
    alert("No");
}

if($(".container2").get(0).scrollWidth > $(".container2").outerWidth())
{
    alert("Yes");
}
else
{
    alert("No");
}