缘多多
缘多多
  • 发布:2016-03-02 17:54
  • 更新:2016-03-02 17:54
  • 阅读:10390

输入法遮挡输入框问题

分类:MUI

PC连接手机端测试时并没有出现这个问题,但是在打包后,安装到手机端,出现了输入法遮挡输入框这个问题。
起初在考虑利用软键盘弹出的监听,监听弹出后计算软键盘高度,使输入域的高度距离底部增加出一个软键盘的高度即可。
但在实现的过程中,又觉得是滚动条影响了这个输入框的显示,所以想利用刷新滚动条的方式解决一下试试,结果是可以的。
将这段代码放在index.html下的js方法中。
代码如下:

mui('.mui-scroll-wrapper').scroll({  
bounce: true,  
indicators: true, //是否显示滚动条  
deceleration: 0.0003  
});  
mui(".mui-scroll-wrapper").scroll().refresh();

参考的实例是这个问题:http://ask.dcloud.net.cn/question/15866

2 关注 分享
d***@mail.com 陈可乐

要回复文章请先登录注册

Vecike

Vecike

应该放在哪里?我放到了页面的引用js代码处但是没有效果。
2016-10-04 03:21
9***@qq.com

9***@qq.com

回复 缘多多 :
应该是那个js?
2016-08-09 17:24
2***@qq.com

2***@qq.com

你好能贴一下完整代码吗?我也遇到这个问题,但是把你写的这段代码放进去,没有任何效果,我不制动啊是不是我添加的位置不对还是其他原因,想对比一下你的写法
2016-07-27 11:35
缘多多

缘多多 (作者)

回复 1***@163.com :
你的引用文件引用对了么?这个错是找不到你调用的方法
2016-07-22 15:05
1***@163.com

1***@163.com

TypeError: mui('.mui-scroll-wrapper').scroll().refresh is not a function. (In 'mui('.mui-scroll-wrapper').scroll().refresh()', 'mui('.mui-scroll-wrapper').scroll().refresh' is undefined)

这是我的代码:
mui('.mui-scroll-wrapper').scroll().refresh();
2016-07-15 16:00
ywg369

ywg369

为什么我的刷新无效呢,界面是tab可以所有滑动的slider,此时mui(".mui-scroll-wrapper")返回时数组
使用mui(mui(".mui-scroll-wrapper")[1]).scroll().refresh(); 其中索引1表示,我的输入框在这个页签下,如上方法,无效果,还是被遮挡,盼赐教。
2016-03-21 14:50
Hb爱好者

Hb爱好者

我刚遇到这个问题,也是用的这个代码,OK了,呵呵
2016-03-02 17:58