• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      vue 移動(dòng)端彈出鍵盤(pán)導(dǎo)致頁(yè)面fixed布局錯(cuò)亂
      
				
      
					
       2019-7-10      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

      

      
    話不多說(shuō)，直接上問(wèn)題圖片
      

      

      
這里確認(rèn)按鈕是fixed布局 bottom:0 彈出鍵盤(pán)之后按鈕被頂?shù)搅随I盤(pán)上面
      

      
網(wǎng)上搜到的解決方案有兩種，
      

      
一種是監(jiān)聽(tīng)頁(yè)面高度（我采用的這種）
      

      
一種是監(jiān)聽(tīng)軟鍵盤(pán)事件（ios和安卓實(shí)現(xiàn)方式不同，未采用）
      

      
下面是實(shí)現(xiàn)代碼
      

      
data() {
      
    return {
      
        docmHeight: document.documentElement.clientHeight ||document.body.clientHeight,
      
        showHeight: document.documentElement.clientHeight ||document.body.clientHeight,
      
        hideshow:true  //顯示或者隱藏footer
      
    }
      
  },
      
watch: {
      
        //監(jiān)聽(tīng)顯示高度
      
      showHeight:function() {
      
          if(this.docmHeight > this.showHeight){
      
            //隱藏
      
              this.hideshow=false
      
          }else{
      
            //顯示
      
              this.hideshow=true
      
          }
      
      }
      
  },
      
mounted() {
      
      //監(jiān)聽(tīng)事件
      
      window.onresize = ()=>{
      
          return(()=>{
      
              this.showHeight = document.documentElement.clientHeight || document.body.clientHeight;
      
      })()
      
      }
      
 
      
  },
      
<div class="bottom" v-show="hideshow">
      
    <div class="btn">
      
      確認(rèn)操作
      
    </div>
      
  </div>
      
我這里使用的是方法是：當(dāng)鍵盤(pán)彈出時(shí)，將按鈕隱藏。如果必須出現(xiàn)按鈕的話，可以修改按鈕回歸到正常的流中。
      
藍(lán)藍(lán)設(shè)計(jì)( www.wtxcl.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
国产精品美女久久久久久网站|
中文字幕第四页|
色午夜|
日本亚洲成a人片在线观看|
a网站免费观看|
伊人网视频在线观看|
亚洲AV无码久久精品国产老人|
成人欧美一区二区三区|
色性AV|
夜夜度影院|
色播久久人人爽人人爽人人片AV
|
午夜av一区|
国产精品免费综合一区视频|
国产精品久久久久久久专区|
又粗又大中文字幕|
香蕉久久人人爽人人爽人人片AV|
精品国产一区91在线|
夜夜夜影院|
午夜成年影院|
亚洲AV电影网|
日本在线999|
在线中文字幕第一页|
日本乱伦中文字幕|
哈尔滨市|
亚非秘?一区二区三区四区|
中文人妻av久久人妻18|
香蕉eeww99国产在线观看|
潍坊市|
武宣县|
亚洲一级网此|
清徐县|
欧美性色19p|
尹人97|
国产精品国产三级国产专区53|
国产在线码观看超清无码视频
|
欧美精品XXX|
亚洲第一区av|
波多野一区二区无码中文字幕|
3P视频免费在线观看|
www.黄|
六盘水市|