将元素固定到父可滚动Div中的位置

Question

这应该相当简单但位置：固定和位置绝对不起作用！

代码：

<div id="parent">
    <div id="jqueryUIProgressBar"></div>
    <!-- dynamic content -->   
    <div></div>
    ... ... ...
    <div></div>
</div>

这个div的高度约为300px，内部的内容可以垂直滚动。当按预期向右滚动到顶部时，进度条显示在div的顶部。

但是当向下滚动时，我仍然希望进度条出现在div的顶部！

当我向下滚动进度条时，滚动显示内容的其余部分！

我希望它能保持在最顶端！

我试过了：

#jQueryProgressBar {
    position: fixed
}

以及position：absolute，left：0，top：0，float：left ALL SORTS

请快速帮助

Answer 1

您需要设置position: fixed，然后设置top和left，如下所示:(未经测试，应该有效）

#jQueryProgressBar {
  position: fixed;
  top: 200px; /*change*/
  left: 100px; /*change*/
}