.header-bg{ background: linear-gradient(to bottom, #03605c, #18ae4f); height: 335px; width: 100%; top: 0; position: absolute; z-index: 0; } .header-bg2{ background: linear-gradient(to bottom, #03605c, #18ae4f); height: 200px; width: 100%; top: 0; position: absolute; z-index: 0; } /* 吸顶状态下的样式 */ .nutui-sticky--fixed { .header-bg { height: 100%; } }