成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

底部菜單被輸入法頂上去的解決方案

Alex / 1509人閱讀

摘要：底部菜單被輸入法頂上去的解決方案一最開始頁面結(jié)構(gòu)是醬紫的，如圖二展示下問題三解決后來說說解決方案吧這個一定要寫招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個是不需要加左右浮動的

遇到幾次這種問題了，之前一直沒寫處理方法，導(dǎo)致每次遇見都要花很多時間找解決方案。
只有android系統(tǒng)會出現(xiàn)這個問題，為了以后能夠快速解決問題，還是記錄一下吧。

底部菜單被輸入法頂上去的解決方案

一、最開始頁面結(jié)構(gòu)是醬紫的，如圖：

二、展示下問題

三、解決后

來說說解決方案吧：
.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;  /*這個一定要寫*/

}

.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 里面只有一個div 是不需要加div左右浮動的
            $("#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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/51482.html

相關(guān)文章

  • 底部菜單被輸入法頂上去的解決方案

    摘要：底部菜單被輸入法頂上去的解決方案一最開始頁面結(jié)構(gòu)是醬紫的，如圖二展示下問題三解決后來說說解決方案吧這個一定要寫招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個是不需要加左右浮動的 遇到幾次這種問題了，之前一直沒寫處理方法，導(dǎo)致每次遇見都要花很多時間找解決方案。只有android系統(tǒng)會出現(xiàn)這個問題，為了以后能夠快速解決問題，還是記錄一下吧。 底部菜單被輸入法頂上...

    teren 評論0 收藏0

  • 底部菜單被輸入法頂上去的解決方案

    摘要：底部菜單被輸入法頂上去的解決方案一最開始頁面結(jié)構(gòu)是醬紫的，如圖二展示下問題三解決后來說說解決方案吧這個一定要寫招商加盟聯(lián)系客服瀏覽器當(dāng)前的高度下面加的樣式根據(jù)具體情況添加若里面只有一個是不需要加左右浮動的 遇到幾次這種問題了，之前一直沒寫處理方法，導(dǎo)致每次遇見都要花很多時間找解決方案。只有android系統(tǒng)會出現(xiàn)這個問題，為了以后能夠快速解決問題，還是記錄一下吧。 底部菜單被輸入法頂上...

    charles_paul 評論0 收藏0

  • vue 手機(jī)鍵盤把底部按鈕頂上去

    摘要：背景在寫提交訂單頁面時候，底部按鈕當(dāng)我點擊輸入留言信息的時候，底部提交訂單按鈕被輸入法軟鍵盤頂上去遮擋住了。原來的樣式主要是當(dāng)輸入法點擊出現(xiàn)時候修改為綁定動態(tài)，，通過來顯示動態(tài)顯示，初始值設(shè)置另外設(shè)置初始屏幕高度變化屏幕高度。 背景：在寫提交訂單頁面時候，底部按鈕當(dāng)我點擊輸入留言信息的時候，底部提交訂單按鈕被輸入法軟鍵盤頂上去遮擋住了。 showImg(https://segmentf...

    jiekechoo 評論0 收藏0

  • 手機(jī)軟鍵盤彈起導(dǎo)致頁面變形的一種解決方案

    摘要：最近用一種第三方開發(fā)框架開發(fā)，其中一個頁面有十幾個輸入框，在點擊輸入時，軟鍵盤彈起，導(dǎo)致頁面往上頂，底部的按鈕也全部彈到頁面上面去了，布局全被打亂。等輸入完，軟鍵盤收起時，頁面恢復(fù)原狀。 最近用 uniapp（一種第三方 app 開發(fā)框架） 開發(fā) app，其中一個頁面有十幾個 input 輸入框，在點擊 input 輸入時，軟鍵盤彈起，導(dǎo)致頁面往上頂，底部的按鈕也全部彈到頁面上面去了，...

    X_AirDu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<