h5 input输入框弹键盘弹起再关掉，页面被顶起

最新推荐文章于 2024-05-09 09:50:03 发布

前端黑眼圈

最新推荐文章于 2024-05-09 09:50:03 发布

阅读量933

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_36595944/article/details/104157344

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

h5 input输入框弹键盘弹起再关掉，页面被顶起

<div class="form-item">
　　<div class="label">姓名</div>
　　<input type="text" v-model.trim="myUserInfo.name" placeholder="请输入您的姓名" @blur="input_blur">
</div>


input_blur () {
　　// document.body.scrollTop = document.documentElement.scrollTop - 1
　　setTimeout(() => {
　　　　var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0
　　　　window.scrollTo(0, Math.max(scrollHeight, 0))
　　}, 100)
}