使节标题粘贴到包装div的顶部

时间:2015-10-23 21:08:57

标签: javascript jquery html css css3

我试图让一个节标题贴在包装div的顶部,但是包装div需要设置一个高度,溢出设置为滚动。

我已经看到this example(jsfiddle)完全达到了我正在寻找的东西,减去了它没有设置高度或溢出的包装div的事实。 / p>

Here is(jsfiddle)相同的例子,包装div添加了set height和overflow。你可以看到它无法正常工作。

有没有人有解决方案或解决方法?

这是正在使用的包装器css:

.wrapper {
   height: 500px;
   overflow: scroll;
}

1 个答案:

答案 0 :(得分:0)

正如Thanasis已在评论中说明,您必须将滚动上下文从window更改为.wrapper

为避免100%宽度的固定div与滚动条重叠,我知道与将宽度设置为calc(100% - 17px)没有什么不同,其中17px是滚动条的硬编码宽度。

在此处找到小提琴:https://jsfiddle.net/nwt58L8j/6/