Я думаю, что субъект говорит обо всем, а также я приложил изображение.

Обратите внимание, как прокручиваемый контент касается самого нижнего края липкого заголовкакогда содержимое прокручивается. Я пытаюсь изменить это поведение, но не знаю, как это сделать.
Основываясь на прочтении других постов по этой теме, я попытался создать еще один фиксированный div под заголовком с белым содержимым и высоким z-индексом, но это не сработало, потому что высота фиксированного заголовка может изменяться какэкран становится узким.
Поэтому я не понимаю, как обеспечить место под переменной высотой с фиксированным заголовком.
Идеи? Может быть, я упускаю что-то действительно простое?