起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1744|回复: 3

[处理中3] HTML代码,打包IOS,点击input,键盘遮挡问题

[复制链接]

10

主题

20

帖子

42

积分

新手上路

Rank: 1

积分
42
QQ
发表于 2017-8-10 16:03:18 | 显示全部楼层 |阅读模式

wex5  3.7最新版打包。。使用选项卡布局。
1、打开应用界面是这样的
1.png


2、点击底部的input,键盘弹出,挡住了底部导航和底部input,代码如下
<ion-view view-title="聊天室">
        <ion-content scroll="false">

                <div class="bar bar-footer bottom">
                        <div class="bottom_1">
                                <input type="text" placeholder="请输入聊天内容...">
                        </div>
                        <div class="bottom_2">
                                <img src="img/biaoqing.png" alt="表情">
                        </div>
                </div>
        </ion-content>
</ion-view>

2.png


3、随意输入一个字时,出现底部导航,但是订单bar消失。。
3.png

发表于 2017-8-11 17:55:50 | 显示全部楼层
Android 是正常的吗??
如果使用了panel组件  应该就不会这样的!
top 和 buttom 的位置是一直可见的才对!@

如果不是panel组件做的!请使用绝对布局的方式,中间的高度可滚动!

建议使用panel组件做布局!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

8

帖子

18

积分

新手上路

Rank: 1

积分
18
QQ
发表于 2018-1-8 14:56:02 | 显示全部楼层
用了还是不行,安卓的没问题,ios的手机不正常,键盘上来 整个页面都被顶不见了
回复 支持 反对

使用道具 举报

发表于 2018-1-8 15:08:17 | 显示全部楼层
本帖最后由 liangyongfei 于 2018-1-8 15:10 编辑
mbabbs880 发表于 2018-1-8 14:56
用了还是不行,安卓的没问题,ios的手机不正常,键盘上来 整个页面都被顶不见了 ...

你试试,平台自带的外卖案例,会出现这样的情况吗??
没遇到过panle top 丢失的问题呢
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-19 13:47 , Processed in 0.058377 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表