工作遇到 ios 软键盘展开收起之后点击底部fixed 定位的按钮没反应
问题情况
- 在输入框输入内容之后,软键盘收起,点击提交没反应
问题原因
- 经查验,得到准确的原因是由于ios webkit 渲染和绘制不同步导致的
解决方法
- 直接在input 失去焦点时触发页面滚动1px 就好了
window.scrollTo(0, 1)
<div class="page">
<div class="main"></div>
<div class="fixed">
<input type="text" placeholder="单行输入" value="value" @blur="blurInput">
<button>提交</button>
</div>
</div>
<style>
.page {
position: relative;
}
.fixed {
position: fixed;
bottom: 0;
left: 0;
}
</style>