Jquery determina il codice di altezza del contenitore del modulo specificato, aggiunge una riga vuota se l'altezza non è sufficiente

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

Esempi:

Share.js per condividere un articolo

Nel corpo di zblog, poiché il contenuto del modulo di testo di parte dell 'articolo di zblog è troppo piccolo, l'altezza del modulo di testo è bassa e il contenitore del modulo di testo usa l'elemento css overflow: hidden;, causando che il pulsante WeChat del plug-in pop-up del codice QR sia parzialmente nascosto dal contenitore del modulo, quindi puoi usare il metodo sopra per risolvere questo problema.

Come mostrato nella seguente tabella:

image.png

Etichette:Jquery
Non piace3

Questo articolo è collegato:https://it.finchui.com/program/40.html

Commento degli utenti di rete

Immagino che ti piaccia.

Merce caldo
Articoli caldi
Etichette calde
Etichette relative
Edizione del negozio FinchUI Zona privilegiata di Hong Kong

Condivisione

Copiare il link

Lo studio delle stelle.Aggiungi amici

Orario di lavoro: 9: 00 - 22: 00
Sabato, Domenica: 14: 00 - 22: 00
wechat
Aggiungi il servizio micro