1. 程式人生 > >iOS下Html頁面中input獲取焦點彈出鍵盤時擋住input解決方案—scrollIntoView()

iOS下Html頁面中input獲取焦點彈出鍵盤時擋住input解決方案—scrollIntoView()

scrollIntoView(alignWithTop): 滾動瀏覽器視窗或容器元素,以便在當前視窗的可見範圍看見當前元素。

alignWithTop 若為 true,或者什麼都不傳,那麼視窗滾動之後會讓呼叫元素的頂部與視口頂部儘可能平齊; alignWithTop 若為 false,呼叫元素會盡可能全部出現在視口中,可能的話,呼叫元素的底部會與視口頂部平齊,不過頂部不一定平齊。
$('input').on("click", function () {         var target = this;         setTimeout(function(){             target
.scrollIntoView(true);         }, 100);     })

相關推薦

iOSHtml頁面input獲取焦點鍵盤擋住input解決方案scrollIntoView()

scrollIntoView(alignWithTop): 滾動瀏覽器視窗或容器元素,以便在當前視窗的可見範圍看見當前元素。 alignWithTop 若為 true,或者什麼都不傳,那麼視窗

關於手機端input獲取焦點呼起鍵盤背景圖片擠壓解決方案

1、解決圖片擠壓問題 可以將背景圖片height: 100%改為min-height:100%即可 2、解決android下鍵盤不遮擋input輸入框 // 處理android 下鍵盤遮擋input let ua = window.navigator.userAgent

移動web頁面input獲取焦點系統虛擬鍵盤擋住input解決方案

移動頁面寫定位時不用fixed定位 const brand = navigator.userAgent.indexOf(‘Android’) if (brand > -1) { const maxHeight = document.body.cl

webview的input輸入框獲取焦點數字鍵盤

其實專案是後臺專案,給移動端做的html介面,以前一直做前臺,知道IOS,Android都能設定鍵盤彈出方式,也學過java web 結果當時就沒想到,額. 平時input type="text" 都是這樣寫,彈出的不是數字鍵盤, 如果彈出數字鍵盤只需要改type即可

Firefox元素獲取焦點函式focus不起作用的解決方法

文章摘抄 http://openwares.net/firefox/firefox_element_focus_not_work.html 元素獲取焦點函式focus()在IE中正常Firefox中卻不起作用。 js校驗輸入框的函式 function is_number(feild) { var

iOS開發筆記(1) -- 利用鍵盤使檢視跟隨鍵盤上移

思路就是自己寫寫一個UIView,然後監聽鍵盤的事件,得到鍵盤的位置後調整自己寫的view的位置,保證這個view的下邊界與鍵盤的上邊界相接。在自定義view中包含一個UITextField或者UITextView。通過程式碼呼叫其becomeFirstResp

Android開發,防止EditText鍵盤後頂起佈局的兩種方法

方法一,在oncreate中加入 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); 方法二

HTML頁面JavaScript能獲取到的各種屏幕大小信息

windows 部分 菜單 div markdown doc rip oct 寬度 在HTML頁面中,通過JavaScript代碼訪問 window 對象,能夠獲取到很多表征屏幕大小的信息,下面列舉並加以區分。 window 對象中的屏幕信息 window.innerhei

Html頁面select拉列表框別樣用法,一個方法一勞永逸。

select 異步加載很多時候,我們寫from表單面,給select標簽賦值,都采用這種方式:1.MVC中設創建公共的分部視圖;2.直接在前臺面中,插入片段後臺代碼;今天我利用HTML5中的自定義屬性,結合JQ擴展方法,寫一個通用的JS方法,JS代碼如下: $.fn.SetSelect = funct

在vue專案引用element-ui 讓el-input 獲取焦點的方法

在製作專案的時候遇到一個需求,點選一個按鈕彈出一個input輸入框,並讓輸入框獲得焦點,專案中引用了element-ui 在網上查找了很多方法,但是在實際使用中發現了一個問題無論是使用$ref獲取input元素然後使用focus方法還是使用餓了麼元件自帶的autoFocus都只有在第一次點選按鈕的時候可以讓

element 中點選table的某一行,使對應行Input獲取焦點

css中使inputh獲取焦點的方法是: autofocus='true' 在專案中點選table表格中的行,使input獲取焦點 element中table點選行的事件 @row-click="c

iosiframe頁面內的input手機輸入法bug

蘋果手機中執行的頁面,在iframe 中 ,手指點選input框,自動彈出鍵盤後,輸入幾個文字,然後手指再點選一下input框之後,再在鍵盤裡敲字母,就無法在input框顯示所敲入的內容了。 input元件接管keydown事件 獲取光 var el = $('#input'); el.o

input獲取焦點頁面自動滾動

微信下測試無問題 /*監聽input狀態,螢幕滾動到input,上下居中 *在安卓手機上螢幕尺寸變化會產生resize事件。所以監聽resize事件。 *然後定位到input框。 */ window.addEventListener('resize', functio

根據地址獲取html頁面的內容

private string GetHtml(string url) { // 獲取檔案 System.Text.Encoding en = System.Text.Encoding.GetEncoding("utf-8")

ios 固定定位 input獲取焦點ios 滾動條滾動 fixed固定定位失效,位置偏移

http://efe.baidu.com/blog/mobile-fixed-layout/還發現一個問題就是ios input設定readonly  還是能看到游標,然後解決方法是在行內寫了onfoc

jquery怎樣獲取html頁面的data-xxx

$(this).attr("data-id") // will return the string "123"or .data() (if you use newer jQuery >= 1.4.3)$(this).data("id") // will return t

h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位

分享 input info 產生 put 進行 元素 內容 lex 整個頁面布局如下: 外層設置fixed的原因是不讓頁面在瀏覽器中進行上下拖拽, 最後形成的結果是:輸入框獲取焦點輸入內容後,光標錯位,導致不能選中輸入框重新獲取焦點(頁面上移,但是布局未產生影響);

HTML頁面獲取當前專案根路徑的方法

本文轉載於:猿2048網站在HTML頁面中獲取當前專案根路徑的方法 在HTML頁面獲取專案根路徑的方法: funct

html頁面拍照和上傳照片那些事兒(二)

read itl 加載完成 大小 上傳照片 那些事 cnblogs 設置 新建 本文為原創,轉載請註明出處: cnzt 文章:cnzt-p http://www.cnblogs.com/zt-blog/p/6895352.html 本文主要說下iOS上

筆記-返回到前一個頁面顯示前一個頁面ajax獲取的數據

最終 logs ajax請求 嘗試 但是 repl 拼接 新聞 筆記 筆記第一部分:http://www.cnblogs.com/zczhangcui/p/6869219.html 在第一部分遇到的問題是,用ajax獲取了一系列列表信息後,拼接好html後插入到了原有頁面中