从 index.html 滚动页面中的锚链接中删除主题标签

问题描述

我对编码非常陌生，大约 8 个月。我从某个模板创建了一个网站并对其进行了更改，一切正常，但是当滚动到 index.html 的同一页面上的锚点时，我无法从 URL 地址中删除 #。

我已经搜索了很多但找不到任何东西，我会把我的代码贴下来，如果有可能提供一个没有美元符号 $ 的脚本，因为它们仍然让我感到困惑。

<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>

我在链接中得到了这个标签

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

解决方法

您可以使用 java 脚本滚动到不同的区域。希望有帮助，它只是几行代码。

var elmnt = document.getElementById("content");
elmnt.scrollIntoView();

然后制作按钮并将它们设置为链接

button {
border: none;
background: transparent;
color: #0000ff;
text-decoration: underline;
}

button:hover {
color: #0000ff;
}

button:active {
color: #ff0000;
}