Jquery判断指定模块容器高度代码(并附应用实例)

燕山网络科技2022-08-21 23:25:551754

这是我们给《Z-blogPHP插件-Share.js一键分享文章》写的代码。

zblog正文中,由于zblog部分文章正文模块内容太少,正文模块的高度较低,而且正文模块的容器使用了css元素overflow: hidden; ,导致插件微信按钮弹出的二维码被模块容器隐藏了一部分,那么,我们是怎么使用Jquery解决这个问题的呢?

如下代码:

$(document).ready(function() {
    var Ah = $("#ishare-1").parent().innerHeight();//判断正文模块容器高度,ishare-1是我们插件模块的id,.parent().innerHeight指的是获取插件模块的父模块(正文模块)的高度
    if ( Ah <= 250 ) {//判断正文模块容器高度低于250px像素,则在插件模块前面插入几个空白的行
    $("#ishare-1").prepend("<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>");
}});


分享到:

本文链接:https://h.finchui.com/wangzhan/4774.html 转载需授权!

最新发布

燕山网络科技在线咨询

上班时间:9:00-22:00
周六、周日:14:00-22:00
wechat
扫一扫二维码,添加客服微信

15639981097

上班时间:9:00-22:00
周六、周日:14:00-22:00

扫一扫二维码,添加客服微信