移动端 底部导航布局在软键盘触发时上滑问题
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,这样就不会导致导航上滑,