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