Html Css，位置固定不'；我不能在手机上工作

我有这个网站： davdev.co.il/broker

在那里，我有一个div，其中包含以下规则：

.contact-mobile{
    position: fixed !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    max-width: 100vw;
    background-color: $black;
    opacity: 0.9;

    a{
        min-width: 25%;
        text-align: center;
        padding: 5px;
        i{
            color: #fff;
        }
        &:hover{
            opacity: 1;
            i{
                color: $black;
            }
            background-color: $green;

        }
    }
}

由于某些原因，我无法理解滚动后出现的div，它并不总是固定在底部

在桌面上，位置是固定的，效果很好。 问题只存在于手机中

这是div的一个图像，在底部有红色边框

---

您在哪个移动浏览器中看到此错误？在v6.2之后，只有适用于android和三星互联网的Firefox64完全支持position:fixed。。查看移动视图上的所有Chrome、Dolphin和桌面Chrome（ctrl+shift+m）桌面Chrome具有部分支持。海豚支持，我不知道。无论如何，你可以从上面给出的链接中检查修复效果是否良好，问题是我有一个不需要的水平滚动看到这张图片。你知道我怎么解决吗

overflow-x:hidden

没有帮助，这意味着其中一个元素有css问题。试试下面的。使用inspector，在不断检查水平滚动条状态的同时，尝试逐个删除部分。通过这一点，您可以确定导致错误的原因。您在哪个移动浏览器中看到此错误？在v6.2之后，只有适用于android和三星互联网的Firefox64完全支持position:fixed。。查看移动视图上的所有Chrome、Dolphin和桌面Chrome（ctrl+shift+m）桌面Chrome具有部分支持。海豚支持，我不知道。无论如何，你可以从上面给出的链接中检查修复效果是否良好，问题是我有一个不需要的水平滚动看到这张图片。你知道我怎么解决吗

overflow-x:hidden

没有帮助，这意味着其中一个元素有css问题。试试下面的。使用inspector，在不断检查水平滚动条状态的同时，尝试逐个删除部分。通过这一点，您可以确定导致错误的原因。