在 Android Chrome 浏览器中向上滚动时防止粘滞页脚向上移动答案

【问题标题】：Prevent sticky footer from moving up when scrolling up in Android Chrome browser在 Android Chrome 浏览器中向上滚动时防止粘滞页脚向上移动
【发布时间】：2018-10-01 04:27:06
【问题描述】：

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

这是页脚的CSS如下：

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

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

【问题讨论】：

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

【解决方案1】：

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

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

【讨论】：

position: absolute 是我找到的唯一修复。position: Fixed is buggy in Android Browsers
固定位置的情况仍然如此吗？我也在努力解决这个问题。