Jquery指定したモジュールコンテナの高さコードを判断し、高さが足りない場合は空白行を追加します。

JSコードです。

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

例:

share.js記事を共有する

zblog本文の中で、zblog部分の文章本文モジュールの内容が少なすぎるため、本文モジュールの高さが低く、本文モジュールのコンテナはcss要素overflow hidden;を使用して、プラグインWeChatボタンがポップアップした二次元コードがモジュールコンテナに一部隠されてしまったので、以上の方法を使用してこの問題を解決することができる。

下の図のように:

image.png

Labelsより:Jquery
好きじゃない3

この記事のリンク:https://ja.finchui.com/program/40.html

ネットユーザーコメント

好きだと思う。

人気商品です。
ホットな記事
人気のハッシュタグ
関連タグ
FinchUIストア版