javascript - 另一个 div 内的固定 div

标签 javascript css html

我已经为这个问题苦苦挣扎了2个多小时, 有没有办法在一个更大的 div 中固定一个 div。 当我滚动时,我想让右边的部分不滚动。

scroll image

所以我的问题是,有没有办法不用 jquery 来做到这一点?

谢谢

最佳答案

你必须定位内部 div absolutely:

.outerDiv {
    position: relative;
    /* give it some height */
}
.contentDiv {
    height: 100%;
    overflow: auto;
}
.innerDiv {
    position: absolute;
    right: 0;
    left: 50%;
    top: 0; bottom: 0;
}

这是 fiddle :http://jsfiddle.net/wSxss/


根据需要调整定位值。

关于javascript - 另一个 div 内的固定 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14445802/

相关文章:

javascript - 为什么 Redux 中的对象应该是不可变的?

html - 使用内联 css - 在某些情况下是不行还是可以?

Android:发送具有多种 Mimetype 的电子邮件 "HTML & PLAINTEXT"

javascript - 使用javascript删除所有html标签中的背景样式

javascript - 无法使准备和调整大小功能一起工作

javascript - 如何固定一个HTML元素到他的初始位置?

Javascript 数组创建表

javascript - xmlHttpRequest 和跨站限制

javascript - 如何在 Ionic css 上添加带状标签

html - 如何设置表单组背景颜色