Css 如何使用网格修复粘性标题？_Css_Css Grid_Sticky

Css 如何使用网格修复粘性标题？

css

Css 如何使用网格修复粘性标题？,css,css-grid,sticky,Css,Css Grid,Sticky,为什么当我滚动超过100%高度时，strick位置不起作用（页眉） *{ 保证金：0；填充：0；列表样式：无；文字装饰：无； } html，身体{ 身高：100%；宽度：100%； } /*--------------标题------------------*/ .社交菜单{ 显示：无； } 标题{ 排名：0；职位：-网络工具包粘性；位置：粘性；显示器：flex；证明内容：中心； } 标题导航{ 显示：网格；网格模板柱：1fr 1fr；对齐项目：居中；最大宽度：1100

为什么当我滚动超过100%高度时，strick位置不起作用（页眉）

*{
保证金：0；
填充：0；
列表样式：无；
文字装饰：无；
}
html，
身体{
身高：100%；
宽度：100%；
}
/*--------------标题------------------*/
.社交菜单{
显示：无；
}
标题{
排名：0；
职位：-网络工具包粘性；
位置：粘性；
显示器：flex；
证明内容：中心；
}
标题导航{
显示：网格；
网格模板柱：1fr 1fr；
对齐项目：居中；
最大宽度：1100px；
宽度：100%；
}
#导航检查{
显示：无；
}
#导航检查：已检查~ul{
显示：网格；
}
标题导航ul{
显示：无；
}
/*-------英雄------------------*/
.英雄{
高度：自动；
}
/*--------------通知------------------*/
/*----------------帕特罗西纳多雷斯-----------------*/
@介质（最小宽度：600px）{
/*--------------标题------------------*/
标题导航标签{
显示：无；
}
#导航检查：已检查~ul{
显示器：flex；
}
.社交菜单父亲{
显示器：flex；
证明内容：中心；
}
.社交菜单{
显示：网格；
网格模板柱：1fr 1fr；
高度：46px；
对齐项目：居中；
填充：0 40px；
最大宽度：1100px；
宽度：100%；
}
.社交菜单组{
显示器：flex；
证明内容：柔性端；
}
标题导航{
高度：80px；
}
标题导航ul{
显示器：flex；
证明内容：之间的空间；
}
/*-------英雄------------------*/
.英雄{
高度：计算（100%-126px）；
}
/*--------------通知------------------*/
/*----------------帕特罗西纳多雷斯-----------------*/
}


自闭症







自闭症
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a

车身

需要有

最小高度

。另外，由于百分比将不再起作用，因此将hero收割台的

height:calc（100%-126px）

替换为

height:calc（100vh-126px）

*{
保证金：0；
填充：0；
列表样式：无；
文字装饰：无；
}
html{
身高：100%；
}
身体{
最小高度：100%；
}
.社交菜单{
显示：无；
}
标题{
排名：0；
位置：粘性；
显示器：flex；
证明内容：中心；
}
标题导航{
显示：网格；
网格模板柱：1fr 1fr；
对齐项目：居中；
最大宽度：1100px；
}
#导航检查{
显示：无；
}
#导航检查：已检查~ul{
显示：网格；
}
标题导航ul{
显示：无；
}
@介质（最小宽度：600px）{
标题导航标签{
显示：无；
}
#导航检查：已检查~ul{
显示器：flex；
}
.社交菜单父亲{
显示器：flex；
证明内容：中心；
}
.社交菜单{
显示：网格；
网格模板柱：1fr 1fr；
高度：46px；
对齐项目：居中；
填充：0 40px；
最大宽度：1100px；
宽度：100%；
}
.社交菜单组{
显示器：flex；
证明内容：柔性端；
}
标题导航{
高度：80px；
}
标题导航ul{
显示器：flex；
证明内容：之间的空间；
}
.英雄{
高度：计算（100vh-126px）；
}
}


自闭症







自闭症
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a