安卓微信中,使用swiper.js之后,垂直换页模式,第二页有个input,当输入时,也没就会错位,第一页的内容出现在了第二页。

179次阅读

安卓微信中,使用swiper.js之后,垂直换页模式,第二页有个input,当输入时,也没就会错位,第一页的内容出现在了第二页。
安卓微信中,使用swiper.js之后,垂直换页模式,第二页有个input,当输入时,也没就会错位,第一页的内容出现在了第二页。
如图所示。第二页出现键盘时候就会错位。用了min-height也没能解决,应该如何解决或者有什么方法能够查看布局是哪里出现了问题

zealer

我刚遇到的 但上面的三个没有什么用 可以给swiper的swiper-active类设置overflow:hidden, 天才 哈哈哈

lewis

碰到过类似的问题,安卓输入法弹出来会奇葩的把position:absolute且用bottom来定位底部元素推上去,不过我的页面只有一页,所以只是底部的元素错位了。后来我改用top来布局就解决了,你可以从这个角度出发看看

八月末的摩尔拉夫

最近用过swiper,同样的问题。结果是swiper.min.css这个没有调,不知道能不能帮到你

落叶轻寒

我觉得可以在调用输入法的时候,调用一下swiper.update() 试试,也就是输入的瞬间调用

小奶桶

input点击的时候,可以隐藏上一个页面元素,当取消点击的时候,再还原,如果出现swiper功能失效的话,可以用里面的监视器重新更新一下。
前者亲自试过,后者没这需求

dreamland

正文完