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

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

我的页面顶部有一个 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 中，只要我滚动到页面顶部。但是，当我在页面上向下滚动一点时，跨度就会在屏幕上停止更新。计数器仍在工作，只是屏幕似乎没有更新。一旦我执行某些操作，例如滚动页面或什至检查元素，屏幕就会更新，但如果我不执行任何操作，屏幕不会更新。

任何帮助将不胜感激。

为您的元素指定 id“secondsToSave”，样式如下。

style="position: relative"

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