安卓移動端軟鍵盤彈出問題解決方案
阿新 • • 發佈:2017-06-07
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‘;
安卓移動端軟鍵盤彈出問題解決方案