Предотвращение размытия jQuery при запуске при использовании клавиши TAB
74
7
Работа с мобильной версией сайта с фиксированным заголовком. Поскольку iPhones нажимают заголовки вверх и пока клавиатура сдвигается вверх, а затем падает обратно... Я решил скрыть это с помощью jQuery.
Прекрасно работает... кроме того, когда вы нажимаете кнопки со следующими/предыдущими. Затем заголовок будет пульсировать, потому что событие размытия запускается.
Я написал здесь скрипку. Я пробовал много разных решений, но не нашел того, что работает.
$(".input").focus(function () {
$('header').fadeTo("fast", 0).css('z-index', 1);
})
$('.input').delay(100).blur(function () {
$('header').fadeTo("fast", 1).css('z-index', 3);
});
спросил(а)
2013-04-04T22:34:00+04:00
7 лет, 11 месяцев назад
добавить комментарий
пожаловаться
Решение
105
Добавляя 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);
});
ответил(а)
2013-04-04T22:38:00+04:00
7 лет, 11 месяцев назад
добавить комментарий
пожаловаться
Ваш ответ