当immemdiate parent滚动时固定容器但在body滚动时不固定

时间:2013-02-26 18:18:30

标签: javascript html5 css3

我有一个固定的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*/
}

然后

<div style="height:300px;background-color:#bbb;overflow:scroll;">soeme div</div>

我在这里做了一个样本 http://jsfiddle.net/tDpJB/

提前感谢您的帮助。 -Ravi。

1 个答案:

答案 0 :(得分:0)

将滚动容器上的元素绝对定位在上而不是试图将其固定在内部是不是更好的主意?这会模仿你正在寻找的效果吗?