如何从 Wordpress One Page 中删除 #

Question

我想在单击时从 URL 中删除 #，例如在 <a href="#contact" style="padding-bottom: 33px; padding-top: 5px;">Contact</a> .

默认情况下，我得到example.com/#contact但我想在单击链接时只获得 url 中没有#的example.com。

Answer 1

你可以通过jquery来做到这一点吗？

像这样的东西？

$("a#linkTo").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

另一种选择是向您链接到的每个部分添加一个自定义类，然后使用 jquery/js 滚动到该部分。

据我所知，最好将#保留在SEO的URL中？

示例来自：jQuery 滚动到元素

Answer 2

<script>
 function clsl(){
    var c = document.getElementById("aaa").href;
    var d = c.replace(/[#]/gi, '/')
    window.location.href=d;
 }
</script>

链接：

<a href="#contact" id="aaa" style="padding-bottom: 33px; padding-top: 5px;" onClick="clsl()">Contact</a>

首先获取链接，然后使用替换功能将hash #替换为/，然后重定向。