html - Bootstrap 导航栏底部固定在平板电脑上使用屏幕键盘移动

Question

我正在使用 Bootstrap navbar-bottom-fixed作为底部导航栏。每当我需要输入一些内容时，就会显示屏幕键盘，并且导航栏会随之“ float ”(显示在键盘上方)。

有什么办法可以克服这个问题吗？如果我可以监听键盘显示事件，我可以简单地更改 css postion 属性，我认为它会起作用。

感谢您的帮助。

Answer 1

您可以使用 Jquery 检查输入是否获得焦点，然后隐藏底部栏(如果是)。

像这样:

$('input').focus( function() {
    $('.navbar-bottom-fixed').hide();
});

$('input').blur( function() {
    $('.navbar-bottom-fixed').show();
});