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