检查元素是否被溢出隐藏:隐藏的JQuery/JavaScript

Question

我有一个日历,其中包含每天的活动列表.目前,我每天最多显示3个事件,并允许用户切换以展开列表.

我用overflow:hidden和max-height:XXpx属性隐藏列表.我正在尝试检测当前隐藏在该列表中的事件.

我环顾四周,找不到任何可以检测到这一点的东西

我试过了:

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

两者element.offsetHeight与element.scrollHeight返回相同的值,任何在我的列表中的元素.

Answer 1

你应该检查offsetHeightandscrollHeight或offsetWidthand scrollWidth：

 $("ul li").each(function(){
     var element = $(this);
     if (element.height() < element.scrollHeight || element.width() < element.scrollWidth) {
         // element has overflow value
     } else {
         // element doesn't have overflow value
     }
 });