安卓键盘唤起遮挡输入框,解决方案如下:
主要用到了scrollTo MDN
<textarea
v-model="description"
class="user-info--introduction-input"
:maxlength="30"
placeholder="简单介绍一下自己吧~"
@focus="handleClickScroll"
@blur="handleClickBlur"
/>
const handleClickScroll = () => {
document.body.style.marginBottom = '100px'
window.scrollTo({ top: 300, behavior: 'smooth' })
}
const handleClickBlur = () => {
document.body.style.marginBottom = '0px'
window.scrollTo({ top: 0 })
}