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 버튼이 팝업되는 QR 코드가 모듈 컨테이너에 의해 부분적으로 숨겨져 있기 때문에 위의 방법을 사용하여이 문제를 해결할 수 있습니다.

다음 그림에서 볼 수 있습니다.