滚动时全屏显示背景高度

Question

我具有以下嵌套：

body {
    app-root {
        app-block-page {
            app-block-content {
                div.wrapper {
                    *content*
                }
            }
        }
     }
}

[body具有width:100%和height:100%

[app-block-page具有width:100%，height:100%，background-color: red和display:block

[app-block-content具有padding:100px 0，display:flex，justify-content:center和align-items:center

[div.wrapper具有width:80%

结果

问题

如何使背景色不滚动？

我只需要滚动表格。

Answer 1

您应该可以在position:fixed上使用app-block-page

位置：固定；位置为固定的元素；定位相对于视口，这意味着它始终保持在同一视口中即使滚动页面也可以放置。顶部，右侧，底部和左侧属性用于定位元素。

来源：https://www.w3schools.com/css/css_positioning.asp