Javascript 使容器在ImmeDate父对象滚动时固定,但在正文滚动时不固定

Javascript 使容器在ImmeDate父对象滚动时固定,但在正文滚动时不固定,javascript,html,css,Javascript,Html,Css,我有一个固定的div,希望它保持固定,这样当其父对象滚动时,它保持原样,但当父对象的滚动完成并且主体滚动开始时,“有问题的容器”应该开始滚动 比如 <div id="fixedContainer">container in question</div> #fixedContainer { background-color:#ddd; position: fixed; width: 200px; height: 100px; left: 50%; top: 0%; mar

我有一个固定的div,希望它保持固定,这样当其父对象滚动时,它保持原样,但当父对象的滚动完成并且主体滚动开始时,“有问题的容器”应该开始滚动

比如

<div id="fixedContainer">container in question</div>

#fixedContainer
{
background-color:#ddd;
position: fixed;
width: 200px;
height: 100px;
left: 50%;
top: 0%;
margin-left: -100px; /*half the width*/
}
有问题的容器
#固定容器
{
背景色:#ddd;
位置:固定;
宽度:200px;
高度:100px;
左:50%;
最高:0%;
左边距:-100px;/*宽度的一半*/
}
然后

<div style="height:300px;background-color:#bbb;overflow:scroll;">soeme div</div>
soeme div
我在这里做了一个样品

提前谢谢你的帮助。
-Ravi.

将元素绝对放置在滚动容器上方,而不是尝试将其固定在内部,这不是一个更好的主意吗?这会模拟您想要的效果吗?

我相信绝对定位将滚动容器,无论滚动在何处,无论是在父元素中还是在窗口中,但我正在寻找一种效果,即父元素中的滚动事件将保持位置固定的效果,而主体中的滚动事件将提供绝对效果。