我用mui框架搭建的微信页面，为啥点击input瞬间input消失，之后马上又出现

Posted 2023-04-06

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我用mui框架搭建的微信页面，为啥点击input瞬间input消失，之后马上又出现相关的知识，希望对你有一定的参考价值。

我用mui框架搭建的微信页面，为什么点击input瞬间input消失，之后马上又出现，这个input瞬间消失的小bug该如何去除

参考技术A 应该是你用了a标签的空链接问题。我的就是这个问题参考技术B 有链接看看?

一、mui框架中点击input后，安卓手机弹出自带的输入键盘时，页面自动上移

实现方法：

（1）只要把input标签放在mui-content这个类里面就可以了

<div class="mui-content">
    <input .../>
</div>

注意：在有些情况下不适用，当把input标签放入mui-scroll中就不行了，也就是说mui-content和mui-scroll同时存在时不适用

<div class="mui-content">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
　　　　　　<input ... />    
　　　　 </div>
    </div>
</div>

（2）使用js方法进行解决，在body中添加

<body onresize="document.activeElement.scrollIntoView(true);">

注意：表单不能添加padding和margin样式，不然回滚会反弹

以上是关于我用mui框架搭建的微信页面，为啥点击input瞬间input消失，之后马上又出现的主要内容，如果未能解决你的问题，请参考以下文章