软键盘弹起遮掩 input 解决方案
程序员文章站
2022-04-20 08:25:08
...
<div ref="rightContainer">
<input/>
<div ref="placeholder"> </div>
</div>
//点击input触发
this.$refs.placeholder.style.lineHeight = 10
this.$refs.rightContainer.scrollTop = 50
//input失去焦点触发
this.$refs.placeholder.style.lineHeight = 0
this.$refs.rightContainer.scrollTop = 0
思路:无法弹起跟容器长度有关,这里用div占位,加长容器长度。然后再调整滚动距离。
上一篇: Web前端开发学习笔记 - Day01