ios中,h5输入框光标位置异常(软键盘导致)

通过vue+vant做了一个h5的页面,结果发现在部分ios机型中光标位置错乱,经排查发现软键盘弹出后导致webview区域发生了改变,而且页面默认向下滚动了。

每次触发input的focus事件都会调起软键盘,所以可以在focus事件中执行window.scrollTo(0,0)

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

相关阅读更多精彩内容

友情链接更多精彩内容