追求卓越一諾千金

藍藍設計|-免费刷q币软件,2011年成立_||千山暮雪浴缸吻戏,主創清華團隊|落跑甜心陈翔吻戏,專注軟件和互聯網ui設計開發|_娱乐天地点检怎么下载。擅長企業信息化管理_--永盛彩彩票网靠谱吗、監控||-金亚莱的领袖、大數據軟件UIUE谘詢和設計開發服務___2011qq官方下载安装。立足UI|-11选五第期中奖号,好好學習|_-北京466耳鼻喉专家,天天進步--|2000彩代理账号注册!


vue 移動端彈出鍵盤導致頁麵fixed布局錯亂

2019-7-11 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容-__上海学分银行,每天自動發到您的郵箱中--华硕f83s, 請點這裏

話不多說|__邮局营业时间,直接上問題圖片


這裏確認按鈕是fixed布局 bottom:0 彈出鍵盤之後按鈕被頂到了鍵盤上麵

網上搜到的解決方案有兩種--1995彩票反水,

一種是監聽頁麵高度(我采用的這種)

一種是監聽軟鍵盤事件(ios和安卓實現方式不同|注册名城娱乐是骗局吗,未采用)

下麵是實現代碼

data() {
    return {
        docmHeight: document.documentElement.clientHeight ||document.body.clientHeight,
        showHeight: document.documentElement.clientHeight ||document.body.clientHeight,
        hideshow:true  //顯示或者隱藏footer
    }
  },
watch: {
        //監聽顯示高度
      showHeight:function() {
          if(this.docmHeight > this.showHeight){
            //隱藏
              this.hideshow=false
          }else{
            //顯示
              this.hideshow=true
          }
      }
  },
mounted() {
      //監聽事件
      window.onresize = ()=>{
          return(()=>{
              this.showHeight = document.documentElement.clientHeight || document.body.clientHeight;
      })()
      }
 
  },
<div class="bottom" v-show="hideshow">
    <div class="btn">
      確認操作
    </div>
  </div>
我這裏使用的是方法是-||昆明三对夫妇:當鍵盤彈出時-|马国贤 杨秀蓉,將按鈕隱藏_--电视棒密码。如果必須出現按鈕的話___注册控制彩票软件,可以修改按鈕回歸到正常的流中|-川娇网。
藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司_105彩票怎样玩才能赚钱,為期望卓越的國內外企業提供卓越的UI界麵設計-众彩平台骗局、BS界麵設計 -_-娱乐彩票app排名榜、 cs界麵設計 |_易玩567彩票官网、 ipad界麵設計 -|5320xm软件、 包裝設計 _-_168彩票网官方版、 圖標定製 _|众发彩票网、 用戶體驗 |--速归速归 如果不归、交互設計-润美娇、網站建設 _-|众发娱乐代理能提现吗、平麵設計服務__花花公子成人台。

標簽: VUE 移動端彈出鍵盤導致頁麵fixed布局錯亂 « 大屏數據可視化設計指南 | 【Vue原理】Watch - 白話版»


訂閱Rss