1. 程式人生 > >安卓移動端軟鍵盤彈出問題解決方案

安卓移動端軟鍵盤彈出問題解決方案

log logs 情況 sel clas scrollto refs ext 題解

移動端開發難免拿到輸入框居中或者位於底部的情況,ios 端,軟鍵盤能夠按正常預期向上滑動(這裏有個問題,當 input 聚焦時,彈出軟鍵盤,input 上滑,此時屏幕是具有滾動效果的,還沒找到合適的解決方案),Android 端,並不會滑動,通常做法是設置 window.scrollTo(0, virtualKeyboard.Height), 但是如果你的 input 所在的 div 是絕對定位的話,window.scrollTo 這個事件是監聽不到的,這裏給出另一套解決方案

self.refs.editText.style.top = self.refs.editText.getBoundingClientRect().top+‘px‘;

安卓移動端軟鍵盤彈出問題解決方案