CSS滚动条偏移问题：固定头部下滚动条起始位置调整需求

我实现了一个带固定定位头部的可滚动容器，给容器设置了与头部等高的上内边距，用来让滚动内容从头部下方穿过。但遇到个问题：滚动条不受内边距影响，部分区域被头部遮挡，我希望滚动条能从头部底部开始显示。

初始代码：

<div className="relative">
    <Title className="text-center fixed inset-x-0 top-0 backdrop-blur-md bg-gray-50/40 py-2 z-50">Ultimi aggiornamenti</Title>
    <div className="scroll-pt-14 overflow-y-auto snap-y overscroll-contain snap-mandatory pt-12 pb-5 h-[60vh] px-3">
        <Content></Content> 
    </div> 
</div> 

我尝试把滚动容器放在头部下方，这时滚动条位置恢复正常，但头部的backdrop-blur-md模糊效果也跟着消失了。

尝试后的代码：

<div>
    <Title className="text-center py-2">Ultimi aggiornamenti</Title>
    <div className="overflow-y-auto snap-y overscroll-contain snap-mandatory pb-5 h-[60vh] px-3">
        <Content></Content> 
    </div> 
</div> 

内容的提问来源于stack exchange，提问作者Onnwen