如何防止在单击导航栏项后重新加载单个页面应用程序?

I'm building a simple SPA (it contains carousel part, about us part, some forms, then team part...) and I have an easy question: how to prevent reloading page after clicking navigation bar items and keep url same as on the beginning? On click on every navbar item page scrolls down to selected part.I'm building a simple SPA (it contains carousel