前端开发工具

移动端 底部导航布局在软键盘触发时上滑问题

2018-04-09  本文已影响39人  施主画个猿

移动端下,当输入框聚焦时,软键盘会把底部导航顶上去,在VUE下解决办法是

<vuefooter v-show="$route.meta.showFooter" :style="{top:(docmHeight-98)+'px'}"></vuefooter>

data(){
        return{
            //一开始的屏幕高度
            docmHeight: document.documentElement.clientHeight,
        }   
  },

动态设置为top值而不是bottom,这样就不会导致导航上滑,

上一篇下一篇

猜你喜欢

热点阅读