Dynamic Headers?

I believe the terminology for that is correct,

I am working on a website for a team that I am part of, at **REDACTED**

We have been looking for weeks into how we can make the pages load, but without refreshing the page?

So rather than clicking about us and it refreshing the page (it's a radio station), and cutting the music off for the listener, we are wanting it to just load the page below the header, if you get me?

Would this be possible, and how can we go about doing the URL rewrites etc.

It's just plain annoying having to keep pressing play because of Google's new blocker on autoplay.

there are a lot of client libraries that can be used to rendering the pages/app
-> https://reactjs.org/, https://vuejs.org/, https://angular.io/