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

Alex 發布于2019-08-01 17:57 / 1500人閱讀

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

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

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

一、最開始頁面結構是醬紫的，如圖：

二、展示下問題

三、解決后

來說說解決方案吧：
.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(); //瀏覽器當前的高度

    $(window).resize(function () {

        if ($(document).height() < oHeight) {

            $("#login_footer").css({ "position": "static","display":"none" });
        } else {
            //下面加的樣式根據具體情況添加
            //若 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" })
        }

    });
});

GPU云服務器云服務器頂上去底部菜單欄底部菜單實現底部輸入框

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51482.html

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

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

teren 2019-08-21 17:34 評論0 收藏0
底部菜單被輸入法頂上去的解決方案

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

charles_paul 2019-08-29 13:48 評論0 收藏0
vue 手機鍵盤把底部按鈕頂上去

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

jiekechoo 2019-08-22 16:05 評論0 收藏0
手機軟鍵盤彈起導致頁面變形的一種解決方案

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

X_AirDu 2019-08-23 17:05 評論0 收藏0