移动端底部输入框随软键盘唤起(fixed问题)

在移动端,ios,Android遇到fixed失效都有相对应的解决方式,那么在web app上也有相对应的plugins可以解决,但是这里说的是在不引入第三方plugins,完全用css解决的方案.(还是不够完美)


直接看布局就是这样的

中间main部分也用fixed,但是内容可以scroll

在此时底部栏输入框获得焦点时,就会随着软键盘唤起而升起.

但是在唤起软键盘的时候,对页面滚动,在软键盘关闭后,main部分获取卡顿

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容