Seperti yang ditunjukkan dalam gambar di atas, apabila pengguna mengklik pada kotak input pada halaman utama, papan kekunci muncul, yang kadangkala menghalang sebahagian kotak input (seperti yang ditunjukkan di bawah)

Kaedah pemprosesan semasa ialah melakukan ubah saiz selepas kotak input mendapat fokus

$('input').on('focus' , function(){ $(window).resize(); }).on('blur' , function() { $(window).resize(); });

Tujuan ini adalah untuk menetapkan semula saiz tetingkap dan meletakkan semula kotak input yang asalnya terapung di bahagian bawah
Tetapi kesannya tidak begitu baik, kadang-kadang ia berkesan dan kadang-kadang ia gagal

Apakah kaedah yang perlu digunakan untuk menangani situasi ini dengan lebih baik?
Selain itu, semasa papan kekunci muncul, menatal halaman juga boleh mengekalkan kawasan input tetap di bahagian bawah

Kaedah kedudukan semasa kotak input ialah: kedudukan: tetap
Persekitaran tangkapan skrin: ios WeChat