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

发布于 2021-11-22 12:40:21 字数 967 浏览 873 评论 2

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

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

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

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

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

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

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

has3d = 'WebKitCSSMatrix'inwindow && 'm11'innewWebKitCSSMatrix()

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

奢华的一滴泪 2021-11-23 03:11:52

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

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

我也发了帖子在这里。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文