Ionic 4是一个流行的跨平台移动应用开发框架,它基于Angular和Apache Cordova构建。在Ionic 4中,要保持表单的固定高度以防止打开键盘时提交按钮上升,可以采取以下步骤:
以下是一个示例代码:
<ion-content scrollEvents="false" style="height: 80%;">
<!-- 表单内容 -->
</ion-content>
在上面的示例中,ion-content组件的scrollEvents属性被设置为false,样式中的height属性被设置为80%。这将使表单内容在打开键盘时保持固定的高度,并且不会导致提交按钮上升。
对于Ionic 4的更多信息和详细的API文档,可以参考腾讯云的Ionic 4产品介绍页面:Ionic 4产品介绍
前阵子在一个移动项目中,通过 的方式 绑定click 事件来提交一个表单,由于表单信息比较敏感,于是采用的post 同步提交的方式,原本到也没有什么。后来万恶的PM说 “你这个按钮呀,要固定在底部比较好” ,于是乎就通过 position:fixed 固定到底部了。那么,问题来了 , 在ios 下,虚拟键盘是浮在页面上层的,导致的结果是当键盘收起后,浮在最底部的按钮不在最底下,而跑到中间来了,(极端条件下还可能挡住输入框导致无法输入),并且随着屏幕的滚动而滚动,,(表现类似于absolute) ,,高大上的苹果也是真心坑了一回。
领取专属 10元无门槛券
手把手带您无忧上云