input獲得焦點時被彈出鍵盤擋住解決辦法

2022-07-20 10:36:08 字數 871 閱讀 1787

這個是移動端非常常見的bug了,這裡說下綜合的解決辦法,因為有時候你的辦法就是會失效。。

上**/*input框調起輸入法蓋住輸入問題*/

$('input[type="text"]').on('click', function () ;

settimeout(function(),400);

});注意點1:使用scrolltop時。要注意首頁頁面要設定高度 height:100% ,其次頁面的overflow:hidden,display:none;也會影響

注意點2:scrollintoview(alignwithtop): 滾動瀏覽器視窗或容器元素,以便在當前視窗的可見範圍看見當前元素。

alignwithtop若為true,或者什麼都不傳,那麼視窗滾動之後會讓呼叫元素的頂部與視口頂部盡可能平齊;

alignwithtop若為false,呼叫元素會盡可能全部出現在視口中,可能的話,呼叫元素的底部會與視口頂部平齊,不過頂部不一定平齊。

支援的瀏覽器:ie、chrome、firefox、safari和opera。

該方法是唯一乙個所有瀏覽器都支援的方法,類似還有如下方法,但是只有在chrome和safari有效:

scrollintoviewifneeded(aligncenter)

scrollbylines(linecount)

注意點3 如果是在彈層裡出現此問題,那麼則直接改變定位高度即可。

希望能幫助到大家。

Input被軟鍵盤遮住

在業務開發過程中,移動端輸入框被軟鍵盤遮住的情況還是很容易出現的。在不同手機不同系統都有可能出現。網上也有很多解決辦法,比如計算高度然後scroll到某個地方 呼叫scrollintoview,scrollintoviewifneeded 監聽window的resize方法 定位fixed。方法有很...

視窗顯示時讓字段獲得焦點

這是ext群裡一位大蝦提供的解決方案。通常情況下,在視窗顯示時,也就是在視窗的show事件中,直接使用focus方法讓字段獲得焦點,會因為瀏覽器內部處理而丟失焦點。解決辦法就是延遲執行focus,在api中,ext.form.field.base的focus方法的說明如下 focus boolean...

input自動獲取焦點在移動端自動彈出手機軟鍵盤

一 input自動獲取焦點 正常來說,在input標籤新增autofocus屬性就可以了。如下 id search type search placeholder 搜尋 autofocus autofocus input 二 在使用iscroll框架元件的頁面實現input自動獲取焦點 因為iscr...