vue+vux 移动端键盘弹起导致UI上移问题

使用vux的x-input组件开发时,在部分iphone和android机上,遇到了系统键盘弹起时,导致UI上移现象,最终解决,给input框绑定“失焦”事件,设置页面scrollTop为0即可,x-input中是 @on-blur
<x-input  @on-blur="onBlur"/>

// methods中
onBlur() {
    
    
	 let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
      if( scrollTop > 0 ) {
    
    
        document.documentElement.scrollTop = 0
        document.body.scrollTop = 0;
      }
}
如果不写动画效果的话,其实效果会很僵硬,直接回到底部,小伙伴们可以加个过渡,让回到顶部比较自然就完美啦!!

猜你喜欢

转载自blog.csdn.net/zxo_apple/article/details/106789579