2011-07-14 35 views
4

這是我的第一篇文章,所以我希望我以正確的方式進行。固定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是排名內的跨度數據分區。

這在Firefox中正常工作,並且在Chrome瀏覽器中我滾動到頁面的頂部。但是,只要我在頁面上向下滾動一下,跨度將停止在屏幕上更新。該計數器仍在工作,它似乎只是沒有更新的屏幕。只要我做了一些事情,比如滾動頁面,甚至檢查元素,屏幕都會更新,但屏幕不會更新。

任何幫助將受到最感激的接收。

回答

0

給你的元素ID爲「secondsToSave」,下面的風格。

style="position: relative" 

我不知道爲什麼,但它解決了這個問題。

+0

問題解決。謝謝。我也不明白,但它的工作原理。我也在IE和Firefox中檢查它。 – ChrisFox

+0

不客氣。 –