Jquery判断指定模块容器高度代码(并附应用实例)
这是我们给《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> </p><p> </p><p> </p>"); }});
本文链接:https://h.finchui.com/wangzhan/4774.html 转载需授权!