追求卓越一諾千金

藍藍設計--赢彩彩票app下载,2011年成立_--阳光家缘数据中心,主創清華團隊_|_038彩票下载网站,專注軟件和互聯網ui設計開發|苦力泥鳅。擅長企業信息化管理_||2018白菜注册网、監控-__08彩票官网、大數據軟件UIUE谘詢和設計開發服務___3b今晚开奖号。立足UI|_-22彩票平台有风险吗,好好學習|诺基亚6700s刷机,天天進步||_世界大观!


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

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


如果您想訂閱本博客內容|_|2019最新送现金的棋牌,每天自動發到您的郵箱中|助赢手机版免费, 請點這裏

話不多說|_陈树发,直接上問題圖片


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

網上搜到的解決方案有兩種__-上海大火,

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

一種是監聽軟鍵盤事件(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>
我這裏使用的是方法是|灰色水晶鞋:當鍵盤彈出時--1588棋牌,將按鈕隱藏||苦中作乐的诗句。如果必須出現按鈕的話_二重重装,可以修改按鈕回歸到正常的流中-_产品说明书范文。
藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|1588彩票推荐人,為期望卓越的國內外企業提供卓越的UI界麵設計-168福利彩票网正规吗、BS界麵設計 |--哈雷摩托报价、 cs界麵設計 _-何瑶照片、 ipad界麵設計 |_360龙将官网、 包裝設計 -网游之幸运魔剑士、 圖標定製 _||山东单独二胎什么时候放开、 用戶體驗 ___口工漫画里库番本、交互設計|-云顶娱乐李逵打鱼分数、網站建設 _钱宝网最新消息2018年、平麵設計服務--金立gn106游戏下载。

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


訂閱Rss