jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery检测容器溢出?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我看到了 this question,但是觉得这样做需要一个“更干净”的jQuery方法.我甚至不确定这是否真的适用于所有情况. jQuery是否有办法确定容器是否有溢出而不比较维度?

为了澄清,是否有一种方法可以测试CSS属性overflow:hidden已被踢入并隐藏内容

解决方法

$.fn.hasOverflow = function() {
    var $this = $(this);
    var $children = $this.find('*');
    var len = $children.length;

    if (len) {
        var maxWidth = 0;
        var maxHeight = 0
        $children.map(function(){
            maxWidth = Math.max(maxWidth,$(this).outerWidth(true));
            maxHeight = Math.max(maxHeight,$(this).outerHeight(true));
        });

        return maxWidth > $this.width() || maxHeight > $this.height();
    }

    return false;
};

例:

var $content = $('#content').children().wrapAll('<div>');
while($content.hasOverflow()){
    var size = parseFloat($content.css('font-size'),10);
    size -= 1;
    $content.css('font-size',size + 'px');
}

大佬总结

以上是大佬教程为你收集整理的使用jQuery检测容器溢出?全部内容,希望文章能够帮你解决使用jQuery检测容器溢出?所遇到的程序开发问题。

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

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