牛刀开发的小程序，如何在弹出输入法的时候，保持上中.....

yczxqy

用牛刀去开发了一个直播系统，主体程序已经能跑了，但目前发现一个问题：
在弹出输入法的时候，把视频区挤出了手机显示区。如图：

这是未输入时效果图，上中下布局，视频放在头部。交互区放在内容上，输入区放在尾部 ...

图1: 设计效果图。由上中下布局，视频在头部、交互区在内容区、文字输入在尾部。

弹开输入法后，头部的视频被挤出

图2: 弹出输入框后，视频被挤出手机画面。

这是抖音视频，输入法不影响视频区

图3.抖音效果图，输入框不影响视频使用。

请问：在牛刀上，如何布局、设计，才能保证视频不被挤出去？

gaofan

在平台里预览也会出现此问题吗，还是只是小程序工具中才出现。

yczxqy

平台预览没有问题，apploader 也没有问题，就是在小程序中，用真机调试的时候，出现问题

yczxqy

老师好，这个问题，我还 没有处理好，还请老师指导！

gaofan

yczxqy 发表于 2019-11-26 08:25
老师好，这个问题，我还 没有处理好，还请老师指导！

用html的input测试看看。

yczxqy

怎么测试呢？还请老师再明细一下。
另外：用 wex5 开发的公众号，一样存在这个问题。

yczxqy

我看斗鱼直播，人家输入框是不弹的。
请在小程序中，搜索：斗鱼直播

yczxqy

我看斗鱼，进入输入框时，输入框的外型都变了。如下图：





所以，我们应该变一种思路，是不是下面搞个死的，点击的时候在中间部位弹出一个文本框。
这样，理论上讲，是不是简单点？

yczxqy

问题已经解决，可以结贴