滚动表格时，加载栏不会停留在表格行内

Question

我的应用程序中有一个加载栏的情况。问题是，如果我有一个滚动表，如果其中一个表行显示加载栏，则在加载发生时，如果用户向上或向下滚动表，则当用户滚动表时，加载栏图像将保留在原处，因此看起来加载栏在前景中，表格在后台滚动。

我只是希望加载栏在用户滚动表格时保持在行内，如何更改 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;
}

Answer 1

您将加载条位置设置为绝对值。要将其绝对放置在另一个容器中，包含元素也需要一个位置属性。

因此，无论包含该加载栏的内容是什么，都需要 position：relative ; 添加到它的 CSS 中。这应该可以做到。

Answer 2

你可以通过以下方式修复

 position:fixed;