Jquery menentukan kode ketinggian kontainer modul, menambahkan baris kosong di atasnya jika ketinggian tidak cukup

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

Contoh:

Share.js untuk berbagi artikel

Dalam tubuh zblog, karena konten modul teks tubuh beberapa artikel zblog terlalu sedikit, ketinggian modul teks rendah, dan wadah modul teks menggunakan elemen css overflow: hidden;, yang menyebabkan kode QR yang muncul dari tombol WeChat plugin sebagian disembunyikan oleh wadah modul, maka Anda dapat menggunakan metode di atas untuk memecahkan masalah ini.

Gambar di bawah ini menunjukkan: Gambar di bawah ini menunjukkan: Gambar di bawah ini menunjukkan:

image.png

Label:Jquery
Tidak suka.3

Link dalam artikel ini:https://id.finchui.com/program/40.html

Komentar dari netizen

Saya kira Anda suka.

Komoditas yang populer
Artikel yang populer
Label yang populer
Label yang terkait
Versi Toko FinchUI

Bagikan

Salin Tautan
Jam kerja: 9: 00 - 22: 00
Sabtu, Minggu: 14: 00 - 22: 00
wechat
Pindai kode untuk menambahkan layanan pelanggan WeChat