摘要:底部菜單被輸入法頂上去的解決方案一最開(kāi)始頁(yè)面結(jié)構(gòu)是醬紫的,如圖二展示下問(wèn)題三解決后來(lái)說(shuō)說(shuō)解決方案吧這個(gè)一定要寫(xiě)招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個(gè)是不需要加左右浮動(dòng)的
遇到幾次這種問(wèn)題了,之前一直沒(méi)寫(xiě)處理方法,導(dǎo)致每次遇見(jiàn)都要花很多時(shí)間找解決方案。
只有android系統(tǒng)會(huì)出現(xiàn)這個(gè)問(wèn)題,為了以后能夠快速解決問(wèn)題,還是記錄一下吧。
底部菜單被輸入法頂上去的解決方案
一、最開(kāi)始頁(yè)面結(jié)構(gòu)是醬紫的,如圖:
二、展示下問(wèn)題
三、解決后
來(lái)說(shuō)說(shuō)解決方案吧:
.login_footer {
width: 7.5rem; height: .9rem; line-height: .9rem; display: -webkit-box; display: -ms-box; display: -moz-box; display: -o-box; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; position: absolute; /*這個(gè)一定要寫(xiě)*/
}
.login_footer > div {
text-align: center; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; bottom: 0;
}
$(function () { var oHeight = $(document).height(); //瀏覽器當(dāng)前的高度 $(window).resize(function () { if ($(document).height() < oHeight) { $("#login_footer").css({ "position": "static","display":"none" }); } else { //下面加的樣式根據(jù)具體情況添加 //若 login_footer 里面只有一個(gè)div 是不需要加div左右浮動(dòng)的 $("#login_footer").css({ "position": "absolute", "display": "block", }); $("#login_footer div").css({ "width": "50%", "display": "inline-block", "height": ".9rem" }) $("#login_footer div:nth-child(1)").css({ "float": "left"}) $("#login_footer div:nth-child(2)").css({ "float": "right" }) } }); });
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/89700.html
摘要:底部菜單被輸入法頂上去的解決方案一最開(kāi)始頁(yè)面結(jié)構(gòu)是醬紫的,如圖二展示下問(wèn)題三解決后來(lái)說(shuō)說(shuō)解決方案吧這個(gè)一定要寫(xiě)招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個(gè)是不需要加左右浮動(dòng)的 遇到幾次這種問(wèn)題了,之前一直沒(méi)寫(xiě)處理方法,導(dǎo)致每次遇見(jiàn)都要花很多時(shí)間找解決方案。只有android系統(tǒng)會(huì)出現(xiàn)這個(gè)問(wèn)題,為了以后能夠快速解決問(wèn)題,還是記錄一下吧。 底部菜單被輸入法頂上...
摘要:底部菜單被輸入法頂上去的解決方案一最開(kāi)始頁(yè)面結(jié)構(gòu)是醬紫的,如圖二展示下問(wèn)題三解決后來(lái)說(shuō)說(shuō)解決方案吧這個(gè)一定要寫(xiě)招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個(gè)是不需要加左右浮動(dòng)的 遇到幾次這種問(wèn)題了,之前一直沒(méi)寫(xiě)處理方法,導(dǎo)致每次遇見(jiàn)都要花很多時(shí)間找解決方案。只有android系統(tǒng)會(huì)出現(xiàn)這個(gè)問(wèn)題,為了以后能夠快速解決問(wèn)題,還是記錄一下吧。 底部菜單被輸入法頂上...
摘要:背景在寫(xiě)提交訂單頁(yè)面時(shí)候,底部按鈕當(dāng)我點(diǎn)擊輸入留言信息的時(shí)候,底部提交訂單按鈕被輸入法軟鍵盤(pán)頂上去遮擋住了。原來(lái)的樣式主要是當(dāng)輸入法點(diǎn)擊出現(xiàn)時(shí)候修改為綁定動(dòng)態(tài),,通過(guò)來(lái)顯示動(dòng)態(tài)顯示,初始值設(shè)置另外設(shè)置初始屏幕高度變化屏幕高度。 背景:在寫(xiě)提交訂單頁(yè)面時(shí)候,底部按鈕當(dāng)我點(diǎn)擊輸入留言信息的時(shí)候,底部提交訂單按鈕被輸入法軟鍵盤(pán)頂上去遮擋住了。 showImg(https://segmentf...
摘要:最近用一種第三方開(kāi)發(fā)框架開(kāi)發(fā),其中一個(gè)頁(yè)面有十幾個(gè)輸入框,在點(diǎn)擊輸入時(shí),軟鍵盤(pán)彈起,導(dǎo)致頁(yè)面往上頂,底部的按鈕也全部彈到頁(yè)面上面去了,布局全被打亂。等輸入完,軟鍵盤(pán)收起時(shí),頁(yè)面恢復(fù)原狀。 最近用 uniapp(一種第三方 app 開(kāi)發(fā)框架) 開(kāi)發(fā) app,其中一個(gè)頁(yè)面有十幾個(gè) input 輸入框,在點(diǎn)擊 input 輸入時(shí),軟鍵盤(pán)彈起,導(dǎo)致頁(yè)面往上頂,底部的按鈕也全部彈到頁(yè)面上面去了,...
閱讀 2030·2021-08-21 14:09
閱讀 493·2019-08-30 15:44
閱讀 2116·2019-08-29 16:32
閱讀 1381·2019-08-29 15:36
閱讀 3449·2019-08-29 12:43
閱讀 2786·2019-08-29 11:14
閱讀 438·2019-08-28 18:26
閱讀 2257·2019-08-26 13:57