【apicloud问题解决记录】键盘弹出监听处理以及头部底部的黑色闪屏现象

时间:2022-04-23 07:35:21

 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

使用apicloud开发中并不存在这个问题,input进行焦点获取,,页面会自动压缩

apicloud,使用api.openWin()打开win框架后,如果bounces:true会出现向下拉和向上拉黑屏和闪屏现象。

打开openWin({bounces:false}),再在win里面打开frame框架

以下面新浪新闻页为例:

实现效果:

1.中间主体部分能够下拉刷新,上拉加载

2.外面不动,不会出现黑色内容

3.点击说说你的看法,弹出输入框

陷阱:

如果将头部和底部都放在win中,那么出现输入键盘时,输入框会被主体部分所遮盖。

使用通过setFrameAttr改变h高度,但是因为手机弹出框可以通过向下箭头收起,此事件无法被监听,通过setInterTime来做太耗费效率,因此拿出两个frame来解决

这里需要注意的时输入框背景应为透明

 

【apicloud问题解决记录】键盘弹出监听处理以及头部底部的黑色闪屏现象