2

ヘッダーが固定されたサイトのモバイル バージョンで作業しています。iPhoneはヘッダーを押し上げ、キーボードが上にスライドしている間に元に戻るため... jQueryを使用して非表示にすることにしました。

美しく機能しています...次/前のボタンを「タブ」で移動する場合を除きます。次に、blur イベントがトリガーされるため、ヘッダーが脈動します。

ここにフィドルを投稿しました。さまざまなソリューションを試しましたが、機能するソリューションが見つかりませんでした。

$(".input").focus(function () {
    $('header').fadeTo("fast", 0).css('z-index', 1);
})
$('.input').delay(100).blur(function () {
    $('header').fadeTo("fast", 1).css('z-index', 3);
});
4

1 に答える 1

0

フェードインする前stopにあなたfocusと小さなものに追加する必要があります：delay

$(".input").focus(function() {
    $('header').stop(true).fadeTo("fast", 0).css('z-index', 1);
});

$('.input').blur(function() {
    $('header').delay(100).fadeTo("fast", 1).css('z-index', 3);
});

http://jsfiddle.net/VVeL9/7/

于 2013-04-04T19:38:03.307 に答える