javascript - Bagaimana untuk membetulkan kotak input halaman web mudah alih ke bahagian bawah?

Question

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

Answer 1

Anda boleh menggunakan flex untuk membetulkan kotak input ke bahagian bawah Untuk menetapkan flex ke bahagian bawah, anda boleh menyemak sticky-footer

Answer 2

Adalah disyorkan anda menggunakan js untuk mengira, menggunakan window.innerHeight

Answer 3

http://www.cnblogs.com/cococe...
Cuba ini

Answer 4

Betul kata orang kat atas ni, boleh guna flex. Saya rasa ini boleh menyelesaikan masalah anda

Answer 5

Alamat: http://www.haorooms.com/post/...
Prinsip: Jangan gunakan tetap pada ios, sebaliknya gunakan mutlak.
Tamat.