Bagaimana untuk Membetulkan Anjakan Navigasi dalam Safari Mudah Alih dengan Papan Kekunci Maya?

Anjakan Navigasi Tetap dalam Safari Mudah Alih dengan Papan Kekunci Maya

Safari Mudah Alih sering menghadapi komplikasi dengan elemen tetap, terutamanya apabila papan kekunci maya menindih medan input dalam navigasi. Seperti yang diperhatikan, navigasi tiba-tiba beralih ke lokasi yang tidak dijangka, mengganggu tingkah laku yang dimaksudkan.

Untuk menyelesaikan isu ini, pertimbangkan penyelesaian berikut:

1. Togol Tetap-ke-Mutlak

Kaedah ini menukar secara dinamik kedudukan elemen tetap kepada mutlak apabila input memperoleh fokus dan mengembalikannya kepada tetap apabila hilang fokus.

<code class="CSS">.header { 
    position: fixed; 
} 
.footer { 
    position: fixed; 
} 
.fixfixed .header, 
.fixfixed .footer { 
    position: absolute; 
} </code>

<code class="JavaScript">if ('ontouchstart' in window) {
    /* cache dom references */ 
    var $body = $('body'); 

    /* bind events */
    $(document)
    .on('focus', 'input', function() {
        $body.addClass('fixfixed');
    })
    .on('blur', 'input', function() {
        $body.removeClass('fixfixed');
    });
}</code>

Penyelesaian Ganti:

Terokai penyelesaian yang disediakan pada pautan di bawah. Cadangan ini menawarkan potensi penyelesaian untuk pepijat Safari mudah alih tertentu ini.

[Betulkan Kedudukan Diperbaiki dalam Safari Mudah Alih](http://dansajin.com/2012/12/07/fix-position-fixed/)

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Anjakan Navigasi dalam Safari Mudah Alih dengan Papan Kekunci Maya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!