javascript - 当直接父级滚动时使容器固定但当主体滚动时不固定

标签 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%;
margin-left: -100px; /*half the width*/
}

然后

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

我在这里做了一个示例 http://jsfiddle.net/tDpJB/

在此先感谢您的帮助。 -拉维。

最佳答案

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

关于javascript - 当直接父级滚动时使容器固定但当主体滚动时不固定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15096363/

相关文章:

html - 删除 CSS 层次结构中的父样式

javascript - 使用 jQuery 按值更改选择标签边框颜色

css - 使用 SASS 嵌套的优点

html - 将类分配给 HTML 中的单个 td 元素

javascript - 如何将 Rsa key 对(字符串)转换为加密 key 来签名数据

javascript - 将 json 对象的不同字段的值合并到单个数组中

javascript - 由于变量尚未加载,无法绑定(bind)到子组件的属性?

javascript - DOM 元素的 InnerHTML 属性已更改,但未渲染

jquery - 如何使用jquery计时淡出一个div并淡入另一个div?

php - 如何引用托管在不同域上的 CSS 资源中的图像位置?