如何使用虛擬鍵盤修復 Mobile Safari 中的導航位移？

使用虛擬鍵盤修復Mobile Safari 中的導航位移

Mobile Safari 經常會遇到固定元素的複雜情況，特別是當虛擬鍵盤覆蓋導航中的輸入字段時。據觀察，導航突然轉移到意外位置，破壞了其預期行為。

要解決此問題，請考慮以下解決方案：

1.固定到絕對切換

當輸入獲得焦點時，此方法動態地將固定元素的位置交替為絕對位置，並在失去焦點時將其恢復為固定。

<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>

替代解決方案：

探索以下連結提供的解決方案。這些建議為這個特定的行動 Safari 錯誤提供了潛在的解決方案。

[修復移動 Safari 中的固定位置](http://dansajin.com/2012/12/07/fix-position-fixed/)

以上是如何使用虛擬鍵盤修復 Mobile Safari 中的導航位移？的詳細內容。更多資訊請關注PHP中文網其他相關文章！