zoukankan      html  css  js  c++  java
  • js

    思路:1.判断是否在微信中
               2.判断是否在ios中
               3.表单元素焦点将页面滚回到顶部

    是否是微信环境

      isWx() {
          let ua = navigator.userAgent.toLowerCase(); // 取得浏览器的userAgent字符串
          console.log(ua);
          if (ua.indexOf("micromessenger") > -1) {
            return true;
          } else {
            return false;
          }
        },

    是否是ios终端

    isIos(){
          let ua = navigator.userAgent.toLowerCase(); // 取得浏览器的userAgent字符串
          console.log(ua);
          if (ua.indexOf("iphone") > -1 || ua.indexOf("ios") > -1) {
            return true;
          } else {
            return false;
          }
        },

    焦点消失滚动到顶部解决留白

        // 解决微信环境,ios下,键盘收起留白问题
        fixScroll() {
          if (this.isWx() && this.isIOS()) {
            console.log("解决留白");
            window.scrollTo({top: 0, left: 0, behavior: 'smooth'})
          }
        },

    使用:

                <input
                  type="text"
                  @blur="fixScroll"
                  v-model="graphicsCode"
                  name="graphicsCode"
                  placeholder="请输入图形验证码"
                />
  • 相关阅读:
    第二周作业
    7-2 求最大值及其下标
    第十一周作业
    第九周编程总结
    第八周作业
    第七周作业
    第六周作业
    第五周作业
    第4周作业
    第三周作业
  • 原文地址:https://www.cnblogs.com/lingXie/p/13559814.html
Copyright © 2011-2022 走看看