2012-10-15 67 views
0

我的應用程序中有加載欄的情況。問題是,如果我有一個滾動表,如果其中一個錶行正在顯示加載欄,在加載發生時,如果用戶向上或向下滾動表,則加載欄圖像保留在用戶的位置滾動表格,所以它看起來像加載欄在前臺,表格在後臺滾動。滾動表格時,加載欄不在表格行內

我只是希望當用戶滾動表格時,加載欄保持在其行內,如何改變css以實現此目的?

下面是承重橫條的HTML:

<p class='imagef1_upload_process' align='center'>Loading...<br/><img src='Images/loader.gif' /><br/></p> 

下面是加載欄和滾動表的CSS:

//loading bar 

    .imagef1_upload_process{ 
     position:absolute; 
     visibility:hidden; 
     text-align:center; 
     margin-bottom:0px; 
     padding-bottom:0px; 
     } 


//scroll table 

#details{ 
    height:500px; 
    overflow:auto; 
} 

回答

0

你有裝載杆位置設置爲絕對的。要將它絕對放置在另一個容器中,包含元素也需要位置屬性。

因此,無論包含該加載欄需要的位置:相對;添加到它的CSS。這應該做到這一點。

+0

不能是相對固定。任何不是靜態的位置都可以工作 –

+0

不確定你的意思? –

+0

我的意思是,容器元素必須有一個不同於靜態的位置,但它不能是相對的。對於特定的佈局,您可能需要位置固定或絕對的容器元素 –

0

您可以通過以下

position:fixed;