ios机型点击输入框页面被顶起不能自动回弹到底部的问题

414 阅读1分钟

最近在移动端开发过程遇到:在ios机型上,点击输入框输入文字后页面被顶起无法回落到底部,底部留白的问题,经过一些列调试查阅相关文档,最后找到如下办法,亲测有效,因此记录下来: 第一步:在页面的输入框中添加获取焦点事件 代码写法: @focus="getFocus" 如图:

第二步:在methods 方法中声明 获取焦点事件 如图:
第三:实现原理: 原理就是弹起键盘的时候,window.scrollY会从0变到键盘的高度(例如:200),当输入框焦点失去后让scrollY回到0就好了

  说明一下:这个解决方案也是搬运圈中大佬的方法,此处我仅做个笔记记录下