[Code jQuery] Utilisez la bibliothèque jQuery pour vérifier l'emplacement en bas de la page Web et ajuster les éléments de la page si nécessaire.

Exigences :

avecjQueryLorsque le pied de page apparaît dans la plage de vision, calcule la distance entre le haut du pied de page et le bas de la fenêtre, et ajuste cette distance à +60 px, donne à. freecatalog l'attribut bottom.


Solution :

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

Ce code utilise la bibliothèque jQuery pour vérifier l'emplacement du bas de la page Web afin d'ajuster les éléments de la page si nécessaire. Plus précisément, une fois que la fenêtre a fait défiler ou que la page a été chargée, une fonction appelée "checkFooterPosition ()" est appelée pour vérifier la position en bas de la page. Si la largeur du navigateur est supérieure à 1280 pixels, il est vérifié si vous avez atteint le bas de la page. Si vous avez atteint le bas de la page, un élément nommé "freecatalog" est déplacé vers le haut de 60 pixels pour éviter de chevaucher le pied de page. Aucun ajustement n'est effectué si vous n'arrivez pas en bas de la page.

Étiquette :jQuery
Pas comme ça.2

Liens dans cet article :https://fr.finchui.com/program/28.html

Commentaires des internautes

Je suppose que vous aimez

Produits chauds
Articles chauds
Hot Tags
Étiquettes associées
FinchUI Store Edition

Partager

Copier le lien
Heures de travail : 9 : 00 - 22 : 00
Samedi et dimanche : 14h00 - 22h00
wechat
Ajouter WeChat au service client