資訊專欄INFORMATION COLUMN
摘要：在開發(fā)移動端里，需要喚起的軟鍵盤。但是在個別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時的在第屏外，這樣的用戶體驗很差。
在開發(fā)移動端html里，需要喚起ios的軟鍵盤。但是在個別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖
大部分人提供的解決方案是
//添加onblur監(jiān)聽事件 window.scrollTo(0,0)
的確能解決，可為什么一定要回滾到頂部呢？如果當(dāng)時的input在第1屏外，這樣的用戶體驗很差。
既然默認(rèn)給它個滾動就行，那我們就來個相對滾動就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/102531.html
摘要：在開發(fā)移動端里，需要喚起的軟鍵盤。但是在個別蘋果測試機(jī)里，發(fā)現(xiàn)當(dāng)軟鍵盤退出后，會多出一塊區(qū)，導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽事件的確能解決，可為什么一定要回滾到頂部呢如果當(dāng)時的在第屏外，這樣的用戶體驗很差。 在開發(fā)移動端html里，需要喚起ios的軟鍵盤。但是在個別蘋果測試機(jī)里，發(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...
閱讀 2677·2021-11-11 16:54
閱讀 3679·2021-08-16 10:46
閱讀 3456·2019-08-30 14:18
閱讀 3051·2019-08-30 14:01
閱讀 2735·2019-08-29 14:15
閱讀 2025·2019-08-29 11:31
閱讀 3099·2019-08-29 11:05
閱讀 2602·2019-08-26 11:54
