iscroll4文本框输入后会列表内容溢出导致上下滑动出现偏离

sky止殇 发布于 2013/08/08 14:12
阅读 1K+
收藏 0

在iscroll4的例子上添加了几个文本框

然后发现在点击文本框的时候如果文本框的位置在弹出键盘的上方则没有事,如果弹出的键盘正好覆盖文本框

这个时候如果在文本框内输入文字会把iscroll4滑动区域的内容向上移动

然后导致滑动区域上下滑动位置出现偏移。例如图片中第6行向上的内容拉不下来。

起初查看资料认为是iscroll的3d效果的原因:

其实病灶在于iscroll使用了太为先进的CSS3属性,可能web webkit对这些属性的支持力度还是不够好。

涉及的两个属性是  translate3d 和 TransitionTimingFunction,或许是这两个属性在列表长度改变时会影响到渲染,所以导致页面闪动,解决办法就是找到源代码的 

has3d = 'WebKitCSSMatrix'inwindow && 'm11'innewWebKitCSSMatrix()
改成 
has3d = false
和在配置iscroll时,useTransition设置成false就可以了(useTransition默认是false的)。

但是在修改之后并没有解决问题。现在我想是不是只要在键盘弹出时把iscroll的滑动区域跟着向上滑动就能解决。该如何做?

以下是问题补充:

@sky止殇:只有在android自带浏览器出现过这个问题。版本是2.3.3 (2013/08/08 14:15)
加载中
0
luo_text
luo_text

我也一样遇到了这个问题,和你的应该是一个问题吧,也是没解决。

http://www.oschina.net/question/1249832_132485

我也发了帖子在这里。

返回顶部
顶部