資訊專欄INFORMATION COLUMN
摘要：微信版本出現(xiàn)的問題，用戶輸入時，軟鍵盤彈出。收起軟鍵盤的時候，頁面下部軟鍵盤原來位置會變成一片空白區(qū)域，頁面沒有恢復原狀。實現(xiàn)原理出現(xiàn)上述情況，手動下拉頁面，頁面會恢復正常。所以，在的事件中監(jiān)聽軟鍵盤收起，模擬手動下拉。前提，本身沒有滾動。
iphone微信6.7.4版本出現(xiàn)的問題，用戶輸入時，軟鍵盤彈出。收起軟鍵盤的時候，頁面下部軟鍵盤原來位置會變成一片空白區(qū)域，頁面沒有恢復原狀。
var n = document.querySelectorAll("input,textarea");
Array.prototype.forEach.call(n, function(dom) {
var pageDom = 5;
dom.onblur = function() {
document.body.scrollTop = ++pageDom;
};
});
實現(xiàn)原理：出現(xiàn)上述情況，手動下拉頁面，頁面會恢復正常。所以，在input的blur事件中監(jiān)聽軟鍵盤收起，js模擬手動下拉。前提，body本身沒有滾動。
滾動距離要動態(tài)的，多個input時相同scrollTop會失敗，相當于沒有滾動.
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/99947.html
摘要：然而，并沒有直接監(jiān)聽軟鍵盤的原生事件，只能通過軟鍵盤彈起或收起，引發(fā)頁面其他方面的表現(xiàn)間接監(jiān)聽，曲線救國。軟鍵盤收起表現(xiàn)觸發(fā)輸入框以外的區(qū)域時，輸入框失去焦點，軟鍵盤收起?？梢宰屲涙I盤彈起后，讓焦點元素再次滾到可視區(qū)，強迫滾到位。 前言 最近一段時間在做 H5 聊天項目，踩過其中一大坑：輸入框獲取焦點，軟鍵盤彈起，要求輸入框吸附（或頂）在輸入法框上。需求很明確，看似很簡單，其實不然。從...
摘要：背景在寫提交訂單頁面時候，底部按鈕當我點擊輸入留言信息的時候，底部提交訂單按鈕被輸入法軟鍵盤頂上去遮擋住了。原來的樣式主要是當輸入法點擊出現(xiàn)時候修改為綁定動態(tài)，，通過來顯示動態(tài)顯示，初始值設置另外設置初始屏幕高度變化屏幕高度。 背景：在寫提交訂單頁面時候，底部按鈕當我點擊輸入留言信息的時候，底部提交訂單按鈕被輸入法軟鍵盤頂上去遮擋住了。 showImg(https://segmentf...
摘要：在之后，的框失焦后頁面會出現(xiàn)被頂上去一部分的下面就來看下怎么解決這個，首先我們必須知道這兩個方法軟鍵盤彈起事件軟鍵盤關閉事件。 在iOS12之后，h5的input框失焦后頁面會出現(xiàn)被頂上去一部分的bug,下面就來看下怎么解決這個bug，首先我們必須知道這兩個方法focusin(軟鍵盤彈起事件)、focusout(軟鍵盤關閉事件)。注意：這里的input框的位置是在頁面的底部 廢話不多說...
閱讀 2172·2023-04-25 20:45
閱讀 1085·2021-09-22 15:13
閱讀 3653·2021-09-04 16:48
閱讀 2589·2019-08-30 15:53
閱讀 940·2019-08-30 15:44
閱讀 957·2019-08-30 15:43
閱讀 1014·2019-08-29 16:33
閱讀 3443·2019-08-29 13:08
