欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

软键盘弹起遮掩 input 解决方案

程序员文章站 2022-04-20 08:25:08
...
<div ref="rightContainer">
    <input/>
    <div ref="placeholder">&nbsp</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占位,加长容器长度。然后再调整滚动距离。