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

Question

这是我的第一篇文章，所以我希望我能以正确的方式解决这个问题。

我的页面顶部有一个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中，我将滚动到页面顶部。但是，只要我稍微向下滚动页面，跨度就会停止在屏幕上更新。计数器仍在工作，它似乎是没有更新的屏幕。一旦我做了某些事情，例如滚动页面甚至检查元素，屏幕都会更新，但是我什么都不做，屏幕不会更新。

非常感谢任何帮助。

Answer 1

为您的元素添加id“secondsToSave”，格式如下。

style="position: relative"

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