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> 

我试着把滑动框放在标题上。这样，问题就消失了：滚动条处于正确的位置。但是，我想保留的标题的模糊效果也消失了。

<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>