在另一个下方显示一个div

Question

我无法理解如何在活动的框列表项下方显示滚动条。

搜索后我发现z-index应该在除静态之外的元素上工作。但是我仍然无法产生预期的效果。

这只是我问题的一部分，我相信如果我理解了这个问题的解决方案，我也可以解决另一个类似的问题。

不知何故，活动框显示在滚动条的顶部，而不是滚动条的句柄。

Here's the JsFiddle。应该很容易注意到我的问题。

所需的效果是滚动条及其相关的所有内容（句柄）显示在活动（较长的红色）框下方。

Sorry, don't really see a way to accompany this problem with code inside the post or how to make the JsFiddle with less code.

Answer 1

我认为您必须将z-index应用于.scrollbar元素本身，而不是其子.scroller。将这些样式添加到您的定义中：

.scrollbar {
    z-index:-1;
    position:relative;
}

你应该得到（我希望是）你期望的行为。这是一个updated JSFiddle，你可以看到它实现了什么。如果这不是您想要的，请随时告诉我，我将很乐意进一步提供帮助。祝你好运！