在Android Chrome浏览器中向上滚动时,防止粘性页脚向上移动

时间:2018-04-20 12:40:27

标签: android css google-chrome css-position sticky-footer

我正在开发一个angular-material的移动网站,该网站在页面上使用固定的页脚。页脚始终存在并固定在底部。这一切都运作良好。但是,当我滚动页面并隐藏浏览器地址栏时,身高也会发生变化。结果是固定的页脚也向上移动。

这是页脚的CSS如下:

.mobile-ui .footer-mobile{
        position: fixed; 
        bottom: 0;
        width: 100%;
        z-index: 3;
        left: 0;
        right: 0;
    }

页脚是否有可能保持固定? 我不希望强迫地址栏隐藏或保持固定。

1 个答案:

答案 0 :(得分:0)

不幸的是没有办法解决这个问题。 Android删除地址栏和chrome自动调整身高。固定位置将始终将页脚放在页面底部。

导致该行为来自浏览器,而不是来自网站,您无法为其添加脚本或CSS功能。