問題：鍵盤彈起將底部按鈕頂上去遮住輸入框
解決思路：實時監聽窗口高度與初始高度比較，判斷鍵盤是否彈起，彈起隱藏底部否則顯示底部

/vue/ <div class='footer' v-show="isShow"></div> export default{data(){return{originHeight: 0, // 原始高度screenHeight: 0, // 實際高度isShow: true, // 顯示或隱藏底部信息}},methods:{watchResize() {//實時變化的窗口高度this.screenHeight = document.documentElement.clientHeight;},},mounted () {//首次進入的原始高度this.originalHeight = document.documentElement.clientHeight;//監聽屏幕變化并獲取到屏幕原始高度window.addEventListener('resize', this.watchResize);},beforeDestroy() { window.removeEventListener("resize", this.watchResize); }, watch:{screenHeight(newVal) { this.isShow= this.originalHeight <= newVal;}}, }

總結

以上是生活随笔為你收集整理的移动端键盘弹起底部固定模块会被顶上去的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。