我们在生活中经常会遇到一个一个问题,用户在填写表单数据时,遭遇input聚焦后键盘弹起覆盖住了,很影响用户体验
点击 默认提示为 我是第三个的input 遭遇被键盘覆盖
这个情况一般在安卓手机上会出现,那么我们怎么解决这个问题呢。原理:
判断当前点击的input是否在可视区域内,你点击的input元素是否在可是区域内,在可视区域内我们不需要做任何操作。如果不在可视区域内,需要将滚动条滚动到你所需要的位置,滚动的数值也取决于当前你在页面的位置。滚动的位置为 当前元素位置 - 可是范围内的位置 = 弹起高度。 最后将滚动条的位置为 = 当前滚动条位置+弹起高度+元素本身位置,元素本身位置可以稍微