关于mui框架在ios中对input的影响问题

前两天在项目中,测试这边报了一个问题,在input框失去焦点后,页面回弹到页面最顶端。开始一直以为是因为vant组件做了判断,比如前一个输入框做了验证,当判断为空时会返回页面顶部。但反复测试之后发现好像并不是这样。。。

终于在耽搁了两天后,审查页面元素时发现,输入框失焦时,body的样式好像产生了变化?本着死马当活马医的精神,在页面反复横跳后。。终于发现,竟然是mui框架会监听input的焦点,然后返回页面顶部(该情况并不会在安卓上出现)。

明白原因以后,就有了解决方案,就是直接失焦时去除产生影响的”mui-focusin“

该方法绑定在组件或者input上

然后在上网查阅以后,还有大佬的方案,就是在mui.min.js文件中删除产生原因的代码。这里直接放他的链接,有兴趣可以看一下:关于mui框架中input输入框失焦滚到页面顶部问题_跳跳呦�的博客-CSDN博客

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容