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

Теги:Jquery
Не нравится3

Ссылки в этой статье:https://ru.finchui.com/program/40.html

Полагаю, тебе нравится.

Популярные товары
Популярные статьи
Популярные теги
Z-БлогТема PHPBootstrap темаZ-blogPHPFinchUIПлагин Z-BlogНавигация на веб-сайтеОдностраничный сайтОбщественный номерМногоязычный сайтУслуги по разработкеУслуги индивидуального назначенияОтзывчивостьАдаптацияJqueryВеб-сайт БлоговПоследние тегиПопулярные тегиСлучайные меткиАрхив метокПомощник писателяСтатьи Категории выбораДополнительная классификацияПлагин WordPressПлагины обслуживания клиентовПереезд сайтаИнформация о веб-сайтеfaviconТеги сайтаМиниатюрыjQueryбраузер SafariОткрыть документДокументы онлайн-справкиЦентр обслуживания клиентовВнутренняя документацияИнструкция по продукцииНаучные трудыПроектируемая информацияЦентр справкиТехническая подготовкаСетевые студииЛичная сетевая карточкаИсключительная библиотека IPПсевдостатическийhttpsФильтрКомпозиционная сетьСеть лингвистических материаловИскусственный интеллектОдиночный роман
Соответствующие метки
FinchUI магазин версии

Поделиться

Копировать ссылку
Время работы: 9: 00 - 22: 00
Суббота, воскресенье: 14: 00 - 22: 00
wechat
Сканировать код Добавить сервис