data() {
return {
docmHeight: document.documentElement.clientHeight, // 默認屏幕高度
showHeight: document.documentElement.clientHeight, // 實時屏幕高度
hideShow: true,
}
}
mounted(){
// window.onresize 監聽頁面高度的變化
window.onresize = () => {
return (()=>{
this.showHeight = document.documentElement.clientHeight;
})();
}
}
destroyed() {
// 銷毀onresize 監聽頁面高度的變化
window.onresize = null;
},
// 監聽
watch:{
// 實時屏幕高度
showHeight: function() {
if(this.docmHeight > this.showHeight){
this.hideShow = false
} else {
this.hideShow = true
}
},
},
安卓嵌入H5頁面底部按鈕使用fixed定位被軟鍵盤頂起問題
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 1.Q:安卓機上1像素邊框問題 A:引入一個border.css(如有需要可以私聊我) 2.Q:安卓機上input...
- 之前的項目一直都有這個問題,不管是微信端還是用webview打包成app,今天下定決心要解決這個問題。 經測試發現...
- 移動端頁面的底部菜單欄,通常會使用fixed定位在底部。在安卓手機上經常會出現軟鍵盤彈出時,底部定位被頂上去,下面...
- 這個問題安卓和iOS端 出現的情況不一樣,安卓的話會遮住input 框 這時候用到一個方法很給力 function...
- 這個問題不同于在當前界面輸入框失去焦點的時候界面無法回彈的情況,簡單測試了一下,IOS沒有這個問題,直接用其他瀏覽...