我有一个专门为装有 Bootstrap 3.0.2 的平板电脑制作的网站,我想做的是一个页脚,它仅在屏幕上显示键盘时才显示,目的是向键盘添加一些功能,就像某些 iPad 应用程序一样。
现在,我对所有相关的事情都感到满意:从其他浏览器告诉平板电脑浏览器,检测何时显示键盘。
我唯一的问题是我无法让页脚停留在它必须停留的位置。
这是用于显示导航栏的代码,当键盘未显示时它的行为正确。
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
Something
</nav>
谢谢!
最佳答案
我修好了! 这是一个可行的解决方案:
function changeFooterPosition() {
$('.footer-menu').css('top', window.innerHeight + window.scrollY - 30 + "px");
}
$(document).bind('scroll', function() {
changeFooterPosition();
});
当然,您必须将“footer-menu”替换为您的页脚元素类,并将“30”替换为它的高度。
唯一的问题是页脚等待滚动结束移动。
关于android - 当键盘出现在平板电脑上时,Bootstrap 页脚无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20427383/