解决input框弹起滑到屏幕可见区域的问题

setTimeout(() => {
       // 让当前的元素滚动到浏览器窗口的可视区域内
       // this.customFocusInst.scrollIntoView(true);
      // 也是用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。但如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动
        this.customFocusInst.scrollIntoViewIfNeeded(true);
  }, 400);

解决input框弹起滑到屏幕可见区域的问题_第1张图片
解决input框弹起滑到屏幕可见区域的问题_第2张图片

++++++++++++++++++++++++++++++++++++华丽丽的分割线+++++++++++++++++++++++++++++++++++++++++++

上面的方法存在兼容性的问题,在ios12系统下仍然不能很好的调起输入框,针对这一问题有了以下的对应方法

解决input框弹起滑到屏幕可见区域的问题_第3张图片
解决input框弹起滑到屏幕可见区域的问题_第4张图片
解决input框弹起滑到屏幕可见区域的问题_第5张图片
解决input框弹起滑到屏幕可见区域的问题_第6张图片
解决input框弹起滑到屏幕可见区域的问题_第7张图片

你可能感兴趣的:(解决input框弹起滑到屏幕可见区域的问题)