資訊專欄INFORMATION COLUMN
摘要：在開發(fā)移動(dòng)端里，需要喚起的軟鍵盤。但是在個(gè)別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會(huì)多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時(shí)的在第屏外，這樣的用戶體驗(yàn)很差。
在開發(fā)移動(dòng)端html里，需要喚起ios的軟鍵盤。但是在個(gè)別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會(huì)多出一塊區(qū)，導(dǎo)致窗口變小。如下圖
大部分人提供的解決方案是
//添加onblur監(jiān)聽事件 window.scrollTo(0,0)
的確能解決，可為什么一定要回滾到頂部呢？如果當(dāng)時(shí)的input在第1屏外，這樣的用戶體驗(yàn)很差。
既然默認(rèn)給它個(gè)滾動(dòng)就行，那我們就來個(gè)相對滾動(dòng)就OK了
//相對當(dāng)前滾動(dòng)位置 向下滾動(dòng)1像素。 window.scrollBy(0,1)
是不是好多了
當(dāng)然考慮到當(dāng)前滾動(dòng)條位置就是在底部時(shí)，要做個(gè)判斷，讓他向上滾1個(gè)像素
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/53856.html
摘要：在開發(fā)移動(dòng)端里，需要喚起的軟鍵盤。但是在個(gè)別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會(huì)多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時(shí)的在第屏外，這樣的用戶體驗(yàn)很差。 在開發(fā)移動(dòng)端html里，需要喚起ios的軟鍵盤。但是在個(gè)別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會(huì)多出一塊區(qū)，導(dǎo)致窗口變小。如下圖 showImg(https://...
摘要：瀏覽器后，被軟鍵盤遮蓋的問題，已經(jīng)有好多人問相關(guān)的問題，應(yīng)該是問的角度不一樣，還的再次提出咯。如上循環(huán)，問題無法解決。 safari瀏覽器fixed后，被軟鍵盤遮蓋的問題，已經(jīng)有好多人問相關(guān)的問題，應(yīng)該是問的角度不一樣，還的再次提出咯。 問題描述 測試環(huán)境：ios 10.2/10.3 簡單來說就是在html5頁面中底部有個(gè)fixed的區(qū)域，如圖 showImg(https://segm...
閱讀 3236·2021-09-28 09:42
閱讀 3528·2021-09-22 15:21
閱讀 1210·2021-07-29 13:50
閱讀 3756·2019-08-30 15:56
閱讀 3442·2019-08-30 15:54
閱讀 1265·2019-08-30 13:12
閱讀 1259·2019-08-29 17:03
閱讀 1262·2019-08-29 10:59
