面接問題の移動端レイアウトの問題
2118 ワード
固定位置決めレイアウトキーボードは入力ボックスの内容1を遮断し、バインドウィンドウを通じてイベントを変更し、キーボードのポップアップを傍受する.次に、固定位置要素の位置を変更します.デフォルトのキーボードの幅はページの2分の1です.移動距離をキーボードの2分の1に変更すればいいのです
[JavaScript]テキスト表示
?
1 2 3 4 5 6 7 8 9
2、タイマーでinputをリアルタイムで傍受するか.Inputボックスをトリガーすると固定位置決めを静的位置決めに変更します.ブラウザが常にコンテンツをアップロードします
[JavaScript]テキスト表示
?
01 02 03 04 05 06 07 08 09 10 11 12
[JavaScript]テキスト表示
?
1 2 3 4 5 6 7 8 9
window.onresize =
function
(){
//$(".mian")
if
($(
".mian"
).css(
'top'
).replace(
'px'
,
''
) != 0){
$(
".mian"
).css(
'top'
,0);
}
else
{
var
winHeight = $(window).height();
$(
".mian"
).css(
'top'
,-(winHeight/4));
}
}
2、タイマーでinputをリアルタイムで傍受するか.Inputボックスをトリガーすると固定位置決めを静的位置決めに変更します.ブラウザが常にコンテンツをアップロードします
[JavaScript]テキスト表示
?
01 02 03 04 05 06 07 08 09 10 11 12
function
fixedWatch(el) {
//activeElement
if
(document.activeElement.nodeName ==
'INPUT'
) {
el.css(
'position'
,
'static'
);
}
else
{
el.css(
'position'
,
'fixed'
);
}
}
setInterval(
function
() {
fixedWatch($(
'.mian'
));
}, 500);