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

Question

我正在使用 angular-material 开发一个移动网站，它在页面上使用固定的页脚。页脚始终存在并固定在底部。一切正常。但是，当我滚动页面并且浏览器地址栏隐藏时，主体高度也会发生变化。结果是固定页脚也向上移动。

这是页脚的CSS如下:

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

页脚是否有可能保持固定？
我不想强制地址栏隐藏或保持固定。

Answer 1

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

因为该行为来自浏览器本身，而不是来自您无法向其添加脚本或 css 功能的网站。