固定 div 不会在 Chrome 中更新，除非在页面顶部或页面滚动答案

【问题标题】：fixed div does not update in Chrome unless at top of page or page scrolls固定 div 不会在 Chrome 中更新，除非在页面顶部或页面滚动
【发布时间】：2023-03-13 14:19:01
【问题描述】：

这是我的第一篇文章，所以我希望我能以正确的方式进行。

我的页面顶部有一个 div：

#data
{
    display: inline;
    position: fixed;
    z-index: 1999;
    top: 20px;
    right: 20px;
    width: 300px;
    text-align: center;
}

然后我使用计时器和以下 jQuery 更新它：

$('#secondsToSave').html(SecondsToSave);

其中#secondsToSave 是#data div 中的一个跨度。

这在 Firefox 中运行良好，在 Chrome 中，只要我滚动到页面顶部。但是，只要我在页面上向下滚动一点，跨度就会停止在屏幕上更新。计数器仍在工作，似乎只是屏幕没有更新。只要我做某事，例如滚动页面甚至检查元素，屏幕就会更新，但我什么都不做，屏幕不会更新。

如果有任何帮助，我们将不胜感激。

【问题讨论】：

标签： jquery css google-chrome

【解决方案1】：

为您的元素提供 id 为“secondsToSave”的样式，如下所示。

style="position: relative"

我不知道为什么，但它解决了问题。

【讨论】：

问题已解决。谢谢你。我也不明白，但它有效。我也在 IE 和 Firefox 中检查它。