当通过JavaScript更新时，固定位置div中的按钮消失（仅在Firefox移动浏览器中出现）

我有一个带有固定位置div和单个按钮（我们称之为“固定按钮”）的页面。页面上还有几个其他按钮（“更新按钮”），单击这些按钮时，会通过JavaScript更新固定按钮的值

在页面加载时，如果单击任何更新按钮，则固定按钮的值将更新，而不会出现任何问题。但是，如果我向下滚动并再次单击任何更新按钮，固定按钮有时会消失。如果我在固定按钮消失后滚动，它将再次可见

这似乎只发生在Firefox移动浏览器（版本82.1.1）中。这在Chrome/Safari mobile和我检查过的任何桌面浏览器（包括Firefox桌面）中都不会发生

我发现有几个问题解决了整个fixed position元素消失的问题，但没有发现任何问题解决了fixed position元素中消失的元素，也没有任何Firefox特有的问题。这些问题建议更新

z-index

，

transform:translateZ（0）

，以及

overflow

属性。我试过了，但似乎没有人能解决这个问题

有人有解决这个问题的方法吗

下面是代码片段。这里还有一个代码相同的

设num=0；
const buttons=document.getElementsByClassName（'updateButtons'）；
for（设i=0；i

输入{
利润率：10px；
}
分区固定{
位置：固定；
背景：#fff；
宽度：100%；
底部：0；
左：0；
z指数：1；
}

我修好了

这是因为在Firefox移动应用程序中滚动时隐藏了地址栏

我通过向父元素或正文中的包装器添加一些样式来防止隐藏地址栏来解决此问题：

 .wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }

---

请看FF版本？您好，RandyCasburn，我正在使用FF版本82.1.1您是否在Android上使用测试版？android的GA是81.0，必须仔细检查。这不是测试版。这是最新的“Firefox Daylight”，发布于2020年10月20日。我查看了更多信息，这似乎是所有Android FF浏览器都存在的问题。这个问题在Chrome、Safari、Opera和Android上都不会出现。这在桌面和iPhone浏览器上都不是问题。我用Mozilla创建了一个bug报告。