jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了检查元素是否被溢出隐藏:隐藏的JQuery / JavaScript大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个日历,其中包含每天的活动列表.目前,我每天最多显示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为列表中的任何元素返回相同的值.

解决方法

scrollHeight和scrollWidth是DOM属性,而不是jQuery.

$('div').each(function() {
     // get scroll measurements from DOM element
     var contentHeight = this.scrollHeight;
     var contentWidth = this.scrollWidth;
     // get the visible measurements from jQuery object
     var $this = $(this);
     var visibleHeight = $this.height();
     var visibleWidth = $this.width();

     if (visibleHeight < contentHeight
         || visibleWidth < contentWidth ) {
         // element has overflow value
     } else {
         // element doesn't have overflow value
     }
 })

大佬总结

以上是大佬教程为你收集整理的检查元素是否被溢出隐藏:隐藏的JQuery / JavaScript全部内容,希望文章能够帮你解决检查元素是否被溢出隐藏:隐藏的JQuery / JavaScript所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。