window.addEventListener('resize', () => {
    document.documentElement.style.scrollPaddingTop = document.getElementById('content').getBoundingClientRect().top
})

Tip: Set default using CSS in case JavaScript is disabled.

html {
    scroll-padding-top: 50px;
}