資訊專欄INFORMATION COLUMN
摘要：在開發(fā)移動端里，需要喚起的軟鍵盤。但是在個別蘋果測試機里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時的在第屏外，這樣的用戶體驗很差。
在開發(fā)移動端html里，需要喚起ios的軟鍵盤。但是在個別蘋果測試機里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖
大部分人提供的解決方案是
//添加onblur監(jiān)聽事件 window.scrollTo(0,0)
的確能解決，可為什么一定要回滾到頂部呢？如果當(dāng)時的input在第1屏外，這樣的用戶體驗很差。
既然默認給它個滾動就行，那我們就來個相對滾動就OK了
//相對當(dāng)前滾動位置 向下滾動1像素。 window.scrollBy(0,1)
是不是好多了
當(dāng)然考慮到當(dāng)前滾動條位置就是在底部時，要做個判斷，讓他向上滾1個像素
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/53856.html
摘要：在開發(fā)移動端里，需要喚起的軟鍵盤。但是在個別蘋果測試機里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時的在第屏外，這樣的用戶體驗很差。 在開發(fā)移動端html里，需要喚起ios的軟鍵盤。但是在個別蘋果測試機里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(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頁面中底部有個fixed的區(qū)域，如圖 showImg(https://segm...
閱讀 3134·2021-09-28 09:42
閱讀 3464·2021-09-22 15:21
閱讀 1136·2021-07-29 13:50
閱讀 3589·2019-08-30 15:56
閱讀 3378·2019-08-30 15:54
閱讀 1205·2019-08-30 13:12
閱讀 1188·2019-08-29 17:03
閱讀 1211·2019-08-29 10:59
