Используйте библиотеку jQuery для проверки положения в нижней части страницы и корректировки элементов страницы, если это необходимо.

Требования:

ИспользованиеjQueryВычислить расстояние от верхней части фотки до нижней части окна, если фотки появляются в видимом диапазоне, и увеличить это расстояние + 60px, придать. freecatalog свойство bottom.


Решение:

$(document).ready(function() {
  checkFooterPosition();
});

$(window).scroll(function() {
  checkFooterPosition();
});

function checkFooterPosition() {
  var windowBottom = $(window).scrollTop() + $(window).height();
  var footerTop = $('footer').offset().top;
  var A = $(document).width();
  if (A > 1280) {
  if (windowBottom >= footerTop) {
     var distance = windowBottom - footerTop + 60;
     $('.freecatalog').css('bottom', distance);
  } else {
     $('.freecatalog').css('bottom', '');
  }
}
}

В этом коде используется библиотека jQuery для проверки положения в нижней части веб-страницы, чтобы при необходимости корректировать элементы страницы.В частности, после прокрутки окна или загрузки страницы вызывается функция "checkFooterPosition ()", чтобы проверить положение в нижней части страницы.Если ширина браузера превышает 1280 пикселей, проверяется, достигли ли вы нижнего края страницы.Если вы уже достигли нижней части страницы, элемент с названием "freecatalog" перемещается вверх на 60 пикселей, чтобы избежать перекрытия с нижней частью страницы.Если вы не достигнете нижней части страницы, никаких корректировок не будет произведено.

Теги:jQuery
Не нравится2

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

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

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

Поделиться

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