キーボードを移動してポップアップした後、背景画像を上に移動させる解決方法(MUI)
579 ワード
問題の分析:
モバイル端末では、ログインページの背景図の高さを100%に設定すると、キーボードがポップアップする場合があります.bodyの高さは元の100%から(キーボードの高さ100%)に変更されます.これにより、mainのheight:100%も(キーボードの高さ100%)になります.
一、原生JS方案
ページの読み込みが完了したら、以下のコードを実行します.
ページの読み込みが完了したら、以下のコードを実行します.
モバイル端末では、ログインページの背景図の高さを100%に設定すると、キーボードがポップアップする場合があります.bodyの高さは元の100%から(キーボードの高さ100%)に変更されます.これにより、mainのheight:100%も(キーボードの高さ100%)になります.
.mui-content {
background-image: url(../images/login.jpg);
background-size: 100% 100%;
}
ソリューション: 一、原生JS方案
ページの読み込みが完了したら、以下のコードを実行します.
document.getElementsByTagName("body")[0].style.height = window.innerHeight+'px';
二、JQuery案 ページの読み込みが完了したら、以下のコードを実行します.
$('body').css({'height':$(window).height()});