移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案
生活随笔
收集整理的這篇文章主要介紹了
移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
如下版權(quán)信息的樣式在遇到input框的時(shí)候會跟隨輸入框其后
優(yōu)雅的解決方式:(定位遇上鍵盤飄窗解決)
mounted里面寫上:var originalHeight=document.documentElement.clientHeight || document.body.clientHeight; //console.info("原始窗口的高度"+originalHeight); window.οnresize=function(){ //軟鍵盤彈起與隱藏 都會引起窗口的高度發(fā)生變化 var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight; //console.info("軟鍵盤彈起后窗口的高度"+resizeHeight); if(resizeHeight*1<originalHeight*1){ //resizeHeight<originalHeight證明窗口被擠壓了 self.showMiddle = false; //元素顯示與否}else{self.showMiddle = true;} }
?
轉(zhuǎn)載于:https://www.cnblogs.com/lhl66/p/8477284.html
總結(jié)
以上是生活随笔為你收集整理的移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 为什么需要GC
- 下一篇: openfalcon架构及相关服务配置详