javascript - 当地址栏出现时，android上的css固定页脚被隐藏

Question

我在用

<meta
     name="viewport"
     content="width=100%; 
             initial-scale=1;
             maximum-scale=1;
             minimum-scale=1; 
             user-scalable=no;"
    />

和一个<div id="main-footer" style="position:fixed;width:100%;height:40px;"> 和一个jquery代码

 var footerTop = parseInt($(window).height())-40;
            $('#main-footer').css('position','fixed');
            $('#main-footer').css('top',footerTop+'px');

除非地址栏可见（它最小化页面的可见高度），否则它工作正常。那么是否有任何 js 或 css 将 main-footer div 的顶部设置为 [visible-screen-height - 40] ？

谢谢你

Answer 1

如果这个div有一个固定的位置设置，你不能只设置一个“底部”值而不是计算和设置“顶部”值吗？

设置“底部：0；” 而不是计算“顶部”，您的页脚将始终附加到浏览器窗口的底部。

检查这个演示：http: //jsfiddle.net/qNSw7/