当软键盘弹出后,mui-scroll滚动不到最底端和最顶端,导致最底端和最顶端的控件用不了。
其中,指定了min-height: 480px;
- 发布:2016-02-26 12:05
- 更新:2017-12-27 20:17
- 阅读:7478
遇到同样的问题,亲测已解决,解决方法:先在body添加onresize事件监听软键盘是否弹出,软键盘弹出时mui('.mui-scroll-wrapper').scroll().element.scrollTop值会增加 但是 软键盘收回该值并不能归零 导致 页面无法滑动至最顶端,可在软键盘收回时设置mui('.mui-scroll-wrapper').scroll().element.scrollTop=0;可恢复正常滑动。
//刷新滚动控件的参数
mui(".mui-scroll").scroll().refresh();
-
吾乃荆州赵子龙 (作者)
你好,感谢你的回复。想问mui(".mui-scroll").scroll().refresh(); 这个刷新在什么时候调用呢?而且我调用报错:mui(...).scroll(...).refresh is not a function
2016-03-01 10:06
不好意思,应该是mui(".mui-scroll-wrapper").scroll().refresh(),但mui(".mui-scroll").scroll().refresh()应该不会报错的。除非你没有使用(初始化)mui的滚动控件。
//初始化滚动
mui('.mui-scroll-wrapper').scroll({
bounce: true,
indicators: true, //是否显示滚动条
deceleration: 0.0003
});
mui的滚动控件是动态计算可滚动范围的,软键盘弹出后占了页面内容,页面高度变化了,但如果你没有重新触摸上下拉,滚动控件的参数没变,可滚动的范围也没变,所以要重新计算。
1***@qq.com
提示这个Cannot set property 'scrollTop' of undefined;不知道什么情况
2018-01-05 17:25
7***@qq.com
赞。正确方案。已解决
2018-01-19 14:47