美文网首页
移动端 ios端 input自动对焦

移动端 ios端 input自动对焦

作者: 鱼蛋杰 | 来源:发表于2020-06-11 11:17 被阅读0次

    做的项目需要完成一个功能就是点击评论按钮,然后显示input输入框到最顶部并且自动对焦;
    1:一开始肯定是直接focus方法进行对焦,发现并不管用,然后开始查资料研究,发现要用
    nextTick 一下  因为要input 加载出来后才能对焦;
    2 测试发现 安卓是没毛病的 但ios就出现问题了具体问题好像是input被软键盘挡住了?好像是这个吧忘记了;
    然后解决方法是;把之前的Input 通过v-show要显示隐藏;;改成了 把input通过定位定位到用户看不到的地方,在对焦的时候再定位回来到正确的地方;测试发现是没什么问题了,基本的bug都解决了 效果很好;
    3 后来测试又提了一个bug就是苹果6的还是被挡着了,研究了很久发现原来是flex布局在作妖,然后把flex布局去掉就没有问题了;

    相关文章

      网友评论

          本文标题:移动端 ios端 input自动对焦

          本文链接:https://www.haomeiwen.com/subject/ixavtktx.html