Question

我创建了一个出现并几乎填满屏幕的弹出窗口，此弹出窗口已修复，以便在用户滚动主页面时它将保持在屏幕中心。但是这个弹出窗口也是可滚动的，我的顶部有一个标题，我希望它始终可见。

如何修复标题，使其在滚动弹出窗口时始终可见？

看起来，如果设置position:fixed，它始终相对于浏览器视口，因此它将固定到页面顶部而不是其父容器。这是Webkit中粘性定位的任务，或者如何实现？

JSFiddle demonstrating the issue - 滚动蓝色弹出窗口，当我希望修复时，黄色标题会滚动。

Answer 1

将#header的CSS样式更改为以下内容：

#header {
    position:fixed;
    width: inherit;
    height:2em;
    background-color:yellow;
}

工作小提琴here

Answer 2

如果您的父母的职位相对或绝对或固定，则子女将根据父元素定位自己。

添加位置：固定为#header和padding-top：2em以使文本可见。

#header {
    position: fixed;
    width:100%;
    height:2em;
    padding-top:2em;
    background-color:yellow;
}