Verifique a localização na parte inferior da página da Web com a biblioteca jQuery e faça ajustes aos elementos da página, se necessário.

Requisitos:

comjQueryQuando o footer aparece na faixa visível, calcule a distância entre o topo do footer e a parte inferior da janela e adicione o atributo bottom ao. freecatalog para +60px.


Soluções:

$(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', '');
  }
}
}

Este código usa a biblioteca jQuery para verificar a localização na parte inferior da página da Web para fazer ajustes aos elementos da página, se necessário. Especificamente, uma função chamada "checkFooterPosition ()" é chamada para verificar a na parte inferior da página quando a janela está rolada ou a página está carregada. Se a largura do navegador for maior que 1280 pixels, verificará se você chegou ao final da página. Se você já chegou ao fundo da página, um elemento chamado "freecatalog" é movido para cima 60 pixels para evitar a sobreposição com o rodapé. Se você não chegar ao final da página, nenhum ajuste será feito.

Rótulos:jQuery
Não gosto.2

Link para este artigo:https://pt.finchui.com/program/28.html

Comentários dos internautas

Eu acho que você gosta.

Mercadorias populares
Artigos populares
Rótulos quentes
Rótulos relevantes
Edição da FinchUI Store

Partilhar

Copiar ligação
Horário de trabalho: 9: 00 - 22: 00
Sábado, domingo: 14: 00 - 22: 00
wechat
Digitalizar código para adicionar WeChat de atendimento ao cliente