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将主页脚div的顶部设置为[visible-screen-height-40]？

谢谢

Answer 1

如果此div设置了固定位置，您不能只设置“底部”值而不是计算和设置“顶部”值吗？

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

查看此演示：http://jsfiddle.net/qNSw7/

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

1 个答案: