android - 当键盘出现在平板电脑上时，Bootstrap 页脚无法正确显示

Question

我有一个专门为装有 Bootstrap 3.0.2 的平板电脑制作的网站，我想做的是一个页脚，它仅在屏幕上显示键盘时才显示，目的是向键盘添加一些功能，就像某些 iPad 应用程序一样。

现在，我对所有相关的事情都感到满意:从其他浏览器告诉平板电脑浏览器，检测何时显示键盘。

我唯一的问题是我无法让页脚停留在它必须停留的位置。

这是用于显示导航栏的代码，当键盘未显示时它的行为正确。

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
    Something
</nav>

谢谢!

Answer 1

我修好了!这是一个可行的解决方案:

function changeFooterPosition() {   
  $('.footer-menu').css('top', window.innerHeight + window.scrollY - 30 + "px");
}

$(document).bind('scroll', function() {
  changeFooterPosition();
});

当然，您必须将“footer-menu”替换为您的页脚元素类，并将“30”替换为它的高度。

唯一的问题是页脚等待滚动结束移动。