javascript – Como adicionar o caminho de uma âncora no endereço da página

Criei uma onepage, usei âncoras e id para fazer a navegação interna. Preciso que ao final da url do site seja mostrado qual parte do site está sendo exibida.

Exemplo:
Ao acessar o site essa url é carregada:
www.meusite.com/index.html

Ao clicar no link “contato”, preciso que isso seja incrementado no endereço, ficando assim:
www.meusite.com/index.html#contato

Estou usando

<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contato">Contato</a>

<section class="page-section contato" id="contato">