ionic3 软键盘上移覆盖底部栏解决

最新推荐文章于 2019-12-30 22:34:07 发布

weixin_33757911

最新推荐文章于 2019-12-30 22:34:07 发布

阅读量496

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rjwx60/p/10798265.html

本文介绍了一个解决iOS设备上Ionic应用中键盘弹出时页面布局错乱的问题。通过监听键盘显示和隐藏事件，动态调整应用的高度，确保了在键盘弹出时，页面元素不会被遮挡，提供了更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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%';
　　});
}

参考：https://github.com/ionic-team/ionic/issues/7149

转载于:https://www.cnblogs.com/rjwx60/p/10798265.html