ios環境下 html頁面關閉軟鍵盤後出現 「白塊」 的解決方案

在開發移動端html裏,須要喚起ios的軟鍵盤。可是在個別蘋果測試機裏,發現當軟鍵盤退出後,會多出一塊區,致使窗口變小。以下圖html

圖片描述

大部分人提供的解決方案是ios

//添加onblur監聽事件
 window.scrollTo(0,0)

的確能解決,可爲何必定要回滾到頂部呢?若是當時的input在第1屏外,這樣的用戶體驗不好。測試

既然默認給它個滾動就行,那咱們就來個相對滾動就OK了spa

//相對當前滾動位置 向下滾動1像素。 
window.scrollBy(0,1)

是否是好多了code

固然考慮到當前滾動條位置就是在底部時,要作個判斷,讓他向上滾1個像素htm

相關文章
相關標籤/搜索