2023年6月28日发(作者：)
移动端固定输⼊框在底部会被键盘遮挡的解决⽅法（必看篇）由于公司需求，需要做⼀个实时对话的聊天功能。遇到各种⼩坑就不多说了，下⾯就记录⼀下遇到最坑的⼀个问题。。页⾯布局写完后，在安卓和苹果⼿机测试了⼀下，问题来了在安卓⼿机中布局完美展⽰（这很好），但在苹果⼿机下，经常点击输⼊框键盘会把输⼊框挡住。如下图显⽰：图⼀图⼆图三（图⼀和图⼆都是有问题的，图三才是想要的效果。）每次键盘遮挡住输⼊框之后，必须要⼿动向上滑动⼀下屏幕才显⽰出来，这体验效果就很不好了吧。然后⾃⼰就尝试了各种⽅法，什么定时器、绝对定位、固定定位、计算屏幕⾼度再定位等等，都没有作⽤，键盘出来后还是会遮挡住。最后只能上⽹查找答案，找了半天，终于找到了答案，这⾥要感谢learn_shifeng。原来只需简简单单的⼀句代码就帮我解决了问题微笑。。下⾯是解决问题的代码：setTimeout(function(){ Top = Height;},300);以上这篇移动端固定输⼊框在底部会被键盘遮挡的解决⽅法(必看篇)就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
发布者：admin，转转请注明出处：http://www.yc00.com/news/1687928812a58077.html
评论列表（0条）