Html 在移动浏览器上未正确显示页脚

我正在开发我的公文包网站，在移动浏览器上查看时遇到问题。以下是网站：

如果向下滚动，您会注意到页脚显示出来。Chrome的移动模拟器也能正确显示页脚。但是，当在实际的智能手机上查看网页时，页脚可以滚动到，但一旦您将手指从屏幕上移开，页面将弹出隐藏页面（请查看手机上的上述链接以了解此问题）

---

这是GitHub上我的网站的存储库，如果您需要仔细查看代码：

添加此css，然后重试

@media (max-width: 480px) {
    footer {
        position: static;
    }
}

---

这确实解决了页脚消失的问题，但现在我失去了我在全尺寸网页中的页脚“显示”效果。也许我不得不接受这种取舍，因为我不知道还有别的办法。我想是的。你可以利用静止的位置来达到那种效果。