当地址栏出现时,安卓系统上的css固定页脚被隐藏

css fixed footer on android is hidden when address bar presents

本文关键字:css 隐藏 系统 地址栏      更新时间:2023-09-26

我正在使用

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

和CCD_ 1和一个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]??

感谢

如果这个div有一个固定的位置集,你不能只设置一个"底部"值而不是计算和设置"顶部"值吗?

设置"底部:0;"而不是计算"顶部",您的页脚将始终附加到浏览器窗口的底部。

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