有位置的孩子：固定卷轴，位置：固定，溢出：自动父级

Question

我的父母有position:fixed; width/height:100%; overflow:auto，孩子也有position:fixed。当父母的内容溢出并且父母开始滚动时，我希望孩子相对于视口保持固定。它不是。

该场景是使用css转换在内容之上的向下滑动面板。下拉面板有一个关闭按钮，当面板的内容滚动时，该按钮应保持在视图中。将.overlay-slidedown元素上的.overlay类更改为.overlay-fade，在这种情况下，关闭按钮将保留在其中。

https://jsfiddle.net/xajk7uez/3/

Answer 1

如果您在.overlay内添加一个额外的图层作为.overlay-close的兄弟，只能overflow-y: scroll; position: fixed; .overlay-close .overlay-content。此.overlay > .overlay-content { width: 100%; height: 100%; overflow: auto; } 图层也应为100％宽度/高度

int mean(int a[], size_t n)

{

int sum = 0;                 // 1 step
for (int i = 0; i < n; i++)  // 1 step
    sum += a[i];             // 1 step
return sum;                  // 1 step
}

请参阅演示的更新Fidle。

https://jsfiddle.net/n0wxfc60/2/

Answer 2

  

您的问题的解决方案将是

将.overlay-close放在.overlay

之外

在此处查看我的修改https://jsfiddle.net/xajk7uez/5/

我相信这question解决了您的问题。