vue 在页面在ios中input输入弹出软键盘导致定位不准


问题描述:ios移动端输入内容,软键盘弹出,页面内容整体上移。但是键盘收起,页面内容不下滑。导致定位不正确,事件无法被触发;

解决方案:给点击事件控制滚动条

<input class="item-input" type="text" v-model="name" placeholder="请输入你的姓名" @blur="blurIn"/>

export default {    
  computed: {       
     scrollHeight () {           
       returndocument.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop || 0
    }
   }   methods: {     blurIn () {       window.scrollTo(0, Math.max(this.scrollHeight - 1, 0))     }    } } 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM