登录 QQ登陆微信登陆
全部分类

Jquery判断指定模块容器高度代码,如果高度不够就在上面添加空行

finchui14282023-05-12 17:18:55

js代码

$(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>");}});

实例:

Share.js一键分享文章

在zblog正文中,由于zblog部分文章正文模块内容太少,正文模块的高度较低,而且正文模块的容器使用了css元素overflow: hidden; ,导致插件微信按钮弹出的二维码被模块容器隐藏了一部分,那么就可以使用以上的方法解决这个问题。

如下图所示:

image.png

标签:Jquery
  • 不喜欢(3

本文链接:https://www.finchui.com/program/40.html

猜你喜欢

网友评论

热门商品
热门文章
热门标签
相关标签
FinchUI商店版