[jQuery-Code] Verwenden Sie die jQuery-Bibliothek, um die Position am unteren Rand einer Webseite zu überprüfen und die Seitenelemente gegebenenfalls anzupassen

Bedürfnisse:

benutzenjQueryBeurteilen Sie, dass der Footer-Teil im sichtbaren Bereich erscheint, berechnen Sie die Entfernung von der Spitze des Footer-Teils zum unteren Fenster und geben Sie diese Entfernung +60px, um. freecatalog die Attribute bottom zu geben.

Lösungen:

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

Dieser Code verwendet die jQuery-Bibliothek, um die Position am unteren Rand der Webseite zu überprüfen, um gegebenenfalls die Seitenelemente anzupassen. Wenn das Fenster scrollt oder die Seite geladen ist, wird eine Funktion namens "checkFooterPosition ()" aufgerufen, um die Position am unteren Rand der Seite zu überprüfen. Wenn die Browserbreite größer als 1280 Pixel ist, wird überprüft, ob Sie den unteren Teil der Seite erreicht haben. Wenn Sie bereits am unteren Rand der Seite angekommen sind, wird ein Element namens "freecatalog" um 60 Pixel nach oben verschoben, um die Überschneidung mit dem Fußzeiger zu vermeiden. Wenn Sie nicht am Ende der Seite gelangen, werden keine Anpassungen vorgenommen.