Question

使用固定标头处理移动版网站。因为iPhone推出了标题，当键盘向上滑动时，然后再降低......我决定使用jQuery隐藏它。

工作得非常漂亮......除非您使用下一个/上一个按钮“切换”。然后标题会因为模糊事件被触发而产生脉动。

我发布了fiddle here。我尝试了很多不同的解决方案，但没有找到一个有效的解决方案。

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

Answer 1

在淡入之前将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/

在使用TAB键时防止触发jQuery模糊

1 个答案: