h5input 在可视范围内弹起

h5input 在可视范围内弹起

<!-- 当存在多个input展示在页面上时，我们所需要做的是input元素如果被键盘遮挡需要弹起，否则会被遮盖，这一现象出现在安卓手机上。
我们可以计算当面页面的可视区域，当你的input元素不在可是区域内，将需要将页面滚动到你当前需要的位置，为了更好的用户体验 -->
<template>
  <div class="list" @scroll="scroll">
    <div class="list1">
      <div class="one">
        <input
          type="text"
          placeholder="我是第一个"
          @focus="focus($event)"
          @blur="blur"
        />
      </div>
      <div class="one">
        <input
          type="text"
          placeholder="我是第二个"
          @focus="focus($event)"
          @blur="blur"
        />
      </div>
      <div class="one">
        <input
          type="text"
          placeholder="我是第三个"