Artikel ini memperkenalkan penjelasan rinci tentang metode HTML5 menempatkan footer di bagian bawah halaman (CSS+JS), dan membagikannya kepada semua orang. Detailnya adalah sebagai berikut:
JavaScript:
<tipe skrip=teks/javascript> $(function(){ function footerPosition(){ $(footer).removeClass(fixed-bottom); //Tinggi teks lengkap badan halaman web var contentHeight = document.body.scrollHeight, // Tinggi Jendela yang Terlihat, tidak termasuk toolbar bagian atas browser winHeight = window.innerHeight; if(!(contentHeight > winHeight)){ //Ketika tinggi teks halaman web kurang dari tinggi jendela visual, tambahkan kelas fixed-bottom ke footer $(footer).addClass(fixed-bottom); else { $(footer).removeClass (tetap-bawah); } } footerPosition(); $(window).resize(footerPosition });</script>CSS:
.fixed-bottom { posisi: tetap; bawah: 0; lebar:100%;}Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.