zoukankan      html  css  js  c++  java
  • 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))        
        }   
       }
    } 
  • 相关阅读:
    随笔:金融的“游戏”规则——游戏世界的区块链喵与现实世界的金融科技
    js实现链表
    事件
    JQ操作DOM
    JQuery选择器
    AJAX
    file
    表单
    DOM
    window&navigator&screen&location
  • 原文地址:https://www.cnblogs.com/litterjoan/p/11803264.html
Copyright © 2011-2022 走看看