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

Posted 2020-08-30

http://blog.csdn.net/kongjiea/article/details/46545351 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

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

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

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

以下面新浪新闻页为例：

 

实现效果：

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

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

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

陷阱：

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

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

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