remove hashtag from anchor link in index.html scroll page

I'm very new to coding,around 8 months ,i did a website from some template and change in it, all is well but i am not able to remove the # from the URL adress when scrolling to the anchor on the same page wich is index.html, i've searched a lot but could't find anything , will post my code down and pls if it's possible to provide a script without the dollar signs $ coz they are still confusing me,sorry for this

<header class="site-header">
    <nav class="nav-primary">
        <ul>
            <li><a href="#services">Services</a></li>

            <li><a href="#about" >About</a></li>
            <li><a href="#portfolio" >Portfolio</a></li>
            <li><a href="#blog" >Blog</a></li>
        </ul>
    </nav>
</header>

i'm getting this hashtag in the link

https://www.dxbdjs.info/#index.html/DXBDJSERVICES