如何解决从 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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。