Pendahuluan: Proyek perusahaan perlu menggunakan bingkai pop-up untuk berpusat secara vertikal. Lapisan pop-up pemusatan vertikal serupa di internet serupa. Karena proyek ini didasarkan pada jQuery, gunakan $ (window) .height ()-layer.height ())/2 +$ (dokumen) .scrolltop () untuk mendapatkan perpindahan vertikal. Saya menguji semua jenis browser tanpa masalah. Setelah latar belakang personel memindahkan nilainya ke proyek, ada masalah. Ketika halaman melebihi satu layar, di bawah Chrome dan FF, kotak pop-up tidak berpusat secara vertikal di layar saat ini, tetapi terpusat relatif terhadap seluruh halaman web.
Setelah meninjau informasi dari semua pihak, semua kesimpulan menunjukkan:
1. Tinggi jendela, $ (jendela) .height ()
2. Tinggi dokumen, $ (dokumen) .height ()
3. Ketinggian yang digulung, $ (jendela) .scrolltop ()
Temukan alasannya : Lalu, saya menemukan bahwa halaman personel backend tidak memiliki Doctype, jadi di Chrome, $ (window) .Height () = $ (dokumen) .Height (), $ (dokumen) .Height () berarti bahwa ketika ketinggian konten yang sebenarnya dari halaman web tidak penuh dengan satu layar, itu berarti ketinggian seluruh jendela (nilainya akan berubah ketika jendela tidak akan berubah. Ketika halaman melebihi satu layar, itu dinyatakan sebagai ketinggian sebenarnya dari seluruh konten halaman web. Tidak ada keberatan untuk ini, dan tidak berpengaruh pada apakah akan mengatur Doctype atau tidak. Namun: $ (window) .height () di Transitional.dtd, terlepas dari apakah ketinggian sebenarnya dari konten halaman web melebihi layar penuh atau tidak, itu sama dengan ketinggian seluruh jendela (nilainya akan berubah ketika jendela diperbesar dan dikurangi). Jika Doctype tidak diatur, $ (window) .height () = $ (dokumen) .height (). Artinya, ketika konten melebihi satu layar, $ (window) .height () adalah ketinggian sebenarnya dari halaman web, yang bukan apa yang dikatakan sama dengan ketinggian jendela.
Larutan:
S Untuk mendapatkan ketinggian jendela, Anda hanya dapat membuat perubahan yang sesuai berdasarkan Doctype. Jika Doctype tidak diatur, pemrosesan berikut akan dilakukan.
if ($ (document) .height ()> = $ (window) .height ()) {_windowHeight = document.body.clientHeight; } else {// alert ($ (window) .height ()); _windowHeight = $ (dokumen) .height (); };Saat Doctype diatur ke Transitional.dtd, WindowHeight = $ (window) .height ()
Diskusi singkat di atas tentang dampak Doctype pada nilai $ (jendela) .Height () adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.