Javascript 另一个div中的固定div

Javascript 另一个div中的固定div,javascript,css,html,Javascript,Css,Html,我已经为这个问题挣扎了两个多小时, 当一个div在一个更大的div内时,有没有办法使它固定。 当我滚动时,我想保持右侧部分不滚动 所以我的问题是,有没有一种不用jquery的方法可以做到这一点 谢谢您必须定位内部divabsolutely: .outerDiv { position: relative; /* give it some height */ } .contentDiv { height: 100%; overflow: auto; } .inner

我已经为这个问题挣扎了两个多小时, 当一个div在一个更大的div内时,有没有办法使它固定。 当我滚动时,我想保持右侧部分不滚动

所以我的问题是,有没有一种不用jquery的方法可以做到这一点


谢谢

您必须定位内部div
absolute
ly:

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



根据需要调整定位值。

您必须定位内部div
absolute
ly:

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


根据需要调整定位值。

HTML

<div class="wrapper">
    <div class="scroller></div>
    <div class="fixed"></div>
</div>
:

HTML

<div class="wrapper">
    <div class="scroller></div>
    <div class="fixed"></div>
</div>

你能发一些代码吗?你试过什么?这应该可以通过使用CSS来完成。分离JSFIDLE的代码有点困难,所以这里有一个链接,如果你点击1月份的第一个日期,你可以看到我说的div,你能发布一些代码吗?你试过什么?这应该可以通过使用CSS来完成。分离JSFIDLE的代码有点困难,所以这里是链接,如果你点击1月份的第一个日期,你可以看到我正在谈论的div,我正在寻找它,让我们看看我是否可以将它应用到我的代码中,因为我已经使用了绝对位置。出于某种原因,我仍然不能让它滚动,我想知道这是否是必须的,因为我让整个弹出框滚动,而不是只滚动div的左部分(时间和信息)。@user1213904-我不确定我是否在跟踪你。我的提琴为你工作吗?是的,提琴确实工作,但是我觉得它在我的代码中不可用,因为我的整个弹出窗口滚动。很难隔离代码,因此如果您可以看一眼,当您单击1月1日的第一个区块时就会显示。是的,我正在寻找,让我们看看我是否可以将其应用于我的代码,因为我已经使用了绝对位置。出于某种原因,我仍然无法让它滚动,我不知道这是否是必须的,因为我让整个弹出框滚动,而不仅仅是div的左侧部分(时间和信息)。@user1213904-我不确定我是否在跟踪你。我的提琴为你工作吗?是的,提琴确实工作,但是我觉得它在我的代码中不可用,因为我的整个弹出窗口滚动。它很难隔离代码,所以如果你能看一眼,当你点击1月1日的第一块时,它就会显示出来