H5頁面 絕對定位元素被 軟鍵盤彈出時頂起

軟鍵盤彈出時頂起 底部按鈕，tab

個人解決方案

取到屏幕高度 減 去  所需的按鈕位置  決對定位到這個高度不會 彈起按鈕

 

  <cube-tab-bar

    class="base-tabbar"

    v-model="selectedLabelDefault"

    :data="tabs"

    @click="clickHandler"

    :style="'top:'+tabbarTop+'px'"

  ></cube-tab-bar>

 

 this.tabbarTop =document.body.clientHeight - 50;

 

 

html,

body {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  position: relative;

}

.base-tabbar {

  position: fixed;

  left: 0;

  right: 0;

  font-size: 12px;

  color: #636366;

  background: #fff;

  z-index: 1000;

｝