( Kode jQuery ) Menggunakan perpustakaan jQuery untuk memeriksa posisi di bagian bawah halaman web dan menyesuaikan elemen halaman jika perlu

Permintaan:

MenggunakanjQueryJika footer muncul di area visual, perhitungan jarak dari bagian atas footer ke bagian bawah jendela, dan tambahkan jarak + 60px, tambahkan atribut bottom ke. freecatalog

Solusi:

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

Kode ini menggunakan perpustakaan jQuery untuk memeriksa posisi di bagian bawah halaman web untuk melakukan penyesuaian pada elemen halaman jika diperlukan. Secara khusus, ketika jendela bergulir atau halaman dimuat selesai, fungsi yang disebut "checkFooterPosition ()" akan dipanggil untuk memeriksa posisi di bagian bawah halaman. Jika lebar browser Anda lebih besar dari 1280 piksel, Anda akan diperiksa apakah Anda telah mencapai bagian bawah halaman. Jika Anda telah mencapai bagian bawah halaman, elemen yang disebut "freecatalog" akan dipindahkan 60 piksel ke atas untuk menghindari tumpang tindih dengan footer. Jika Anda tidak mencapai bagian bawah halaman, tidak ada penyesuaian yang dilakukan.