检查是否溢出：隐藏的 div 溢出 jQuery [重复]答案

【问题标题】：Check if overflow:hidden div is overflowing jQuery [duplicate]检查是否溢出：隐藏的 div 溢出 jQuery [重复]
【发布时间】：2019-01-23 06:54:29
【问题描述】：

我只是想知道是否有一种方法可以检查具有溢出隐藏属性的 div 是否可以检查它是否有内容溢出。 jQuery

【问题讨论】：

标签： jquery html css

【解决方案1】：

试试这个....

if (element.offsetHeight < element.scrollHeight ||element.offsetWidth < element.scrollWidth) {
     // your element have overflow
 } else {
  // your element doesn't have overflow
 }

或

if ($("#myoverflowingelement").prop('scrollWidth') > 
 $("#myoverflowingelement").width() ) {
  alert("this element is overflowing !!");  
}
else {
  alert("this element is not overflowing!!"); 
}

参考此链接Check with jquery if div has overflowing elements

【讨论】：

这不起作用
我没有滚动高度，因为我正在使用溢出被隐藏
尝试为您的元素和元素名称提供正确的 id...# 表示元素 id
是的，我试过了，我给了类名
var invisibleItems = []; for(var i=0; i<element.childElementCount; i++){ if (element.children[i].offsetTop + element.children[i].offsetHeight > element.offsetTop + element.offsetHeight || element.children[i].offsetLeft + element.children[i].offsetWidth > element.offsetLeft + element.offsetWidth ){ invisibleItems.push(element.children[i]); } }