ionic3 footer上添加输入框,弹出键盘时,整个页面全部上移问题
2018-01-24 16:55
387 查看
Solution with changing ion-input to input doesn't work for me (ionic beta 11). My workaround, in app.ts, constructor, platform is ready:
if (platform.is('ios')) { let appEl = <HTMLElement>(document.getElementsByTagName('ION-APP')[0]), appElHeight = appEl.clientHeight; Keyboard.disableScroll(true); window.addEventListener('native.keyboardshow', (e) => { appEl.style.height = (appElHeight - (<any>e).keyboardHeight) + 'px'; }); window.addEventListener('native.keyboardhide', () => { appEl.style.height = '100%'; }); }
相关文章推荐
- [Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法
- IONIC键盘弹出防止页面Header(title位置)自动上移位置(消失)
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- UITextField控件处理键盘弹出时遮住输入框的问题
- 关于html页面移动端软键盘弹出时影响页面布局的问题
- 弹出输入法键盘,标题栏上移消失问题解决
- Android软键盘弹出时窗口上移的问题
- css解决滚动弹出层里边的滚动条时带动了整个页面滚动的问题
- iOS解决键盘弹出遮挡输入框问题
- 移动端中点击input弹出的键盘输入框会覆盖页面底部
- iOS5网页视图(UIWebView)中的输入框不能弹出键盘的问题
- Android学习—解决界面弹出输入框时Tabhost上移的问题
- IOS开发键盘弹出时遮住输入框的问题
- EditText弹出软键盘遮住输入框问题
- iOS讲解迷惑之键盘弹出遮挡输入框的问题
- 解决iOS键盘弹出遮挡输入框问题
- 全屏显示的包含webview的页面中弹出的软键盘覆盖输入框的问题
- Android弹出软键盘遮挡输入框问题.