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

非常感谢任何帮助。

Answer 1

为您的元素添加id“secondsToSave”，以下样式。

 style="position: relative" 

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