Css 使用粘性位置时保留侧边栏的网格间隙

我正在使用CSS网格布局，在一些帮助下，我使用position:sticky“修复”了标题和左侧边栏。但是，我想知道是否有一种方法可以保持边栏的网格间距（上边距），使其不接触标题

以下是指向我的代码笔的链接：

同样的代码可以在下面找到，没有lipsum

提前感谢您帮助这个新手

.container{
宽度：100%；
保证金：0自动；
背景色：#eee；
显示：网格；
网格模板行：最小内容1fr；
网格模板列：1fr 2fr 1fr；
栅极间隙：15px；
网格模板区域：“头部”
“左栏主右栏”；
& > * {
背景颜色：粉红色；
颜色：#ggg；
字体大小：20px；
字体系列：无衬线；
}
}
博士{
填充：15px；
}
.标题{
网格区域：头部；
职位：-网络工具包粘性；
位置：粘性；
排名：0；
z指数：10；
}
.左侧边栏{
网格区域：左栏；
显示器：flex；
弯曲方向：立柱；
调整内容：灵活启动；
.左内{
职位：-网络工具包粘性；
位置：粘性；
顶部：60px；
}
.框-1{
颜色：红色；
边框：1px纯紫色；
边缘底部：5px；
}
.页脚{
颜色：绿色；
边框：1px纯紫色；
}
}
.主要内容{
网格区域：主；
}
.右侧边栏{
网格区域：右栏；
显示器：flex；
弯曲方向：立柱；
调整内容：灵活启动；
.方框-2{
颜色：红色；
边框：1px纯紫色；
边缘底部：5px；
}
.方框-3{
颜色：绿色；
边框：1px纯紫色；
}
}

标题
方框-1
页脚
主要内容
方框-2
方框-3

标题{box shadow:0 15px#eee；}

会伪造它，你的三列在标题后面向上滚动，间隙仍然存在，但也向上滚动：（.太棒了！谢谢@G-Cyr！这样就可以了。。。