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