博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ios软键盘弹出时输入框fixed布局被遮挡问题
阅读量:5111 次
发布时间:2019-06-13

本文共 616 字,大约阅读时间需要 2 分钟。

做一个类似于手机端QQ动态详情页面,该页面有一个置于页面底部的评论输入框,刚开始单纯的以为这没什么难的,使用fixed布局不就是So easy!么,在安卓上也是意料之中完美的效果,然并卵,在ios上有时输入框却被软键盘遮挡,经过在度娘上的多方查找,发现原来是ios对fixed布局有兼容问题,导致fixed布局不稳定,软键盘弹起时fixed布局可能会改为absolute布局,总之这是一个需要修复的bug,又是各种搜索之后,看到了前辈们对这种问题的各种经验,作为一个前端新手,我只能GET到一些JS的解决方法,最终解决办法如下:

// 输入框在iphone中被遮挡问题   if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {     $('.comment-panel input').on('touchstart',function(e){           document.body.scrollTop = document.body.scrollHeight;       });}

但是经过测试发现当ios的采用搜狗输入法的时候,有时会有遮挡一半输入框,这个问题出现的几率很小,但仍未解决,这也算是系统的一个bug,希望有解决的前辈们看到能指点一二!

转载于:https://www.cnblogs.com/joyer-lee/p/9399685.html

你可能感兴趣的文章
Leetcode 345 Reverse Vowels in a String
查看>>
计算机
查看>>
初识网络编程
查看>>
并发编程之线程(代码)
查看>>
典型用户和场景分析
查看>>
linux中将video转换成gif
查看>>
【转】Linux 下取进程占用 cpu/内存 最高的前10个进程
查看>>
Python之list、tuple、dict、set
查看>>
IOS开发系列—Objective-C之Foundation框架
查看>>
专业实训题目需求分析
查看>>
第二天习题
查看>>
第三周作业编程总结
查看>>
数据采集的开源软件
查看>>
神奇的match和replace
查看>>
输入10个整数,将它们从大到小排序后输出。
查看>>
Java8新特性 Stream流式思想(二)
查看>>
33. Search in Rotated Sorted Array & 81. Search in Rotated Sorted Array II
查看>>
个人总结
查看>>
LFS搭建第一天
查看>>
selenium Java-1 配置
查看>>