Javascript 当溢出：隐藏时，有没有办法知道div的内容是否处于“剪裁”状态？

当一个div的内容由于overflow:hidden或overflow:scroll而被剪裁时，我想对其进行不同的样式设置

在某些浏览器上，没有迹象表明内容可以滚动浏览，这对可用性不是很好

据我所知，没有任何伪类：clipped或类似的东西。但这将非常有用。有没有办法不用写自己的算法就可以做到这一点

---

Javscript解决方案也欢迎…

问题：您能指出您持有的内容类型，即文本、图像或向量等。

您可以使用

if ($("#div1").height() > $("#div1").outerHeight()) {
    //apply class1
} else {
    //apply class2
}

---

如果您有一个更改元素内容的操作，那么这个If可以用于应用不同的类。height获取内容高度，outerHeight获取div外部的大小。

比较元素的实际/显示高度与内容的高度？它应该显示您的div是50px，而内容是900px。这听起来很有希望，但需要额外的标记。例如，当前内容仅在应用了overflow:scroll的div内。我来试一试……应该对溢出有效：也没有。我问的原因是，它不清楚你的预期行为。你可能想要像这样的省略号，或者你可能想要像这样的剪辑