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